Mark a section picker's current page as the page, with its badge

The phone picker of <x-section-nav> drew the current section as a checked
menuitemcheckbox in tertiary-container, which a screen reader announces as a
choice rather than where you are, and it dropped the sections' badges, so an
open support count showed on the tabs but not on a phone. <x-menu-item> gains
current (aria-current="page", the selected shape in secondary-container,
the navigation indicator's colour) and badge (a dot or a count at the end of
the row), and the picker uses both.

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

resources/views/components/section-nav.blade.php

@@ -4,7 +4,8 @@
      `items`, a list of `['title' => …, 'url' => …]` with an optional `icon`, `active` and `badge`
      (an item is current when `active` is true, or when its `url` is the page's). From `sm` they
      are M3's secondary tabs as links, the current one underlined; below `sm`, where a row of them
-     never fits, a button naming the current section opens a menu of all of them. The same list is
+     never fits, a button naming the current section opens a menu of all of them, the current one
+     marked `aria-current="page"` and each with its badge. The same list is
      rendered for both, and CSS shows one.
 
      The page's URL is `Livewire::originalUrl()`: while a Livewire component on the page updates, the
@@ -49,7 +50,7 @@
                 </x-slot:trigger>
 
                 @foreach ($items as $item)
-                    <x-livewire-material::menu-item :label="$item['title']" :icon="$item['icon'] ?? null" :link="$item['url']" :selected="$isCurrent($item)" :no-wire-navigate="$noWireNavigate" />
+                    <x-livewire-material::menu-item :label="$item['title']" :icon="$item['icon'] ?? null" :link="$item['url']" :current="$isCurrent($item)" :badge="$item['badge'] ?? null" :no-wire-navigate="$noWireNavigate" />
                 @endforeach
             </x-livewire-material::menu>
         </div>