Add a search to the showcase

A search app bar looks through every section, example and component,
opens the section, or the example at its anchor on its page, and is
reached from anywhere with / or Ctrl+K. Section pages now carry their
own heading.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy

resources/views/showcase/index.blade.php

@@ -1,12 +1,13 @@
 @extends('livewire-material::showcase.layout')
 
 @section('content')
-    <div class="mx-auto w-full max-w-6xl space-y-12 px-4 pt-2 pb-16 sm:px-6">
+    <div class="mx-auto w-full max-w-6xl space-y-12 px-4 pt-4 pb-16 sm:px-6">
         <div class="max-w-3xl space-y-3">
-            <p class="type-headline-sm">Material 3 Expressive for Laravel and Livewire.</p>
+            <h1 class="type-headline-lg">Livewire Material</h1>
+            <p class="type-title-lg">Material 3 Expressive for Laravel and Livewire.</p>
             <p class="type-body-lg text-on-surface-variant">
                 Every token and component, rendered in this application's own scheme and theme. Pick a section in the
-                navigation, or start below.
+                navigation, search for one above (or press <kbd class="rounded-corner-xs bg-surface-container-highest px-1.5 type-label-md">/</kbd>), or start below.
             </p>
         </div>