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

tests/Feature/Components/TabsTest.php

@@ -67,7 +67,11 @@ it('draws section navigation as secondary tabs and a picker', function () {
         ->toContain('sm:flex')
         ->toMatch('/href="\/settings\/security"\s+data-tab\s+aria-current="page"\s+wire:navigate/')
         ->not->toMatch('/href="\/settings\/profile"\s+data-tab\s+aria-current/')
-        ->toContain('role="menuitemcheckbox"');
+        // The picker is a menu of places: the current one is the page, not a checked choice,
+        // and a section's badge shows there as well as on its tab.
+        ->not->toContain('role="menuitemcheckbox"')
+        ->toMatch('/role="menuitem"[^>]*aria-current="page"[^>]*href="\/settings\/security"/')
+        ->toMatch('/data-section-picker.*Security.*>\s*1\s*<.*<nav/s');
 });
 
 it('marks the section whose url is the request\'s, and wraps many sections onto a grid', function () {
@@ -103,5 +107,6 @@ it('keeps the page\'s section current while a Livewire component on it updates',
 
     expect($probe->html())->toMatch($current)
         ->and($probe->call('$refresh')->html())->toMatch($current)
-        ->and(substr_count($probe->html(), 'aria-current="page"'))->toBe(1);
+        // Once as the tab, once as the picker's item: one section, drawn for both widths.
+        ->and(substr_count($probe->html(), 'aria-current="page"'))->toBe(2);
 });