Centre the app bar's headline on a grid and curve its search bar

The centred headline was absolutely positioned 56px in from each edge — room for
exactly one of M3's two trailing icon buttons, so a long title ellipsised behind
them. It is now the middle column of a three-column row and shrinks against
whatever is really beside it. The search container follows M3's curve, filling
the row to 312dp and then only half of what is left, so the showcase drops the
hand-written max-width it had been working around it with.
Plan: docs/plans/material-3-alignment.md, step 21 (navigation N-09, N-11).

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

resources/views/showcase/layout.blade.php

@@ -57,7 +57,7 @@
                          fetched on first focus, and / or Ctrl+K (⌘K) reaches it from anywhere. Its names
                          keep clear of <x-search>'s own (`results`, `open`), which the slot also sees. --}}
                     <div
-                        class="mx-auto w-full max-w-2xl"
+                        class="w-full"
                         x-data="{
                             query: '',
                             entries: null,