Give the xs button M3's 16dp padding, and stop groups wrapping

ButtonXSmallTokens puts 16dp either side of an xs label, where the button, the
<x-group> segment and --group-pad all wrote 12px; the variants table calls 16dp
the Expressive value twice over. A standard button group also dropped onto a
second line on a narrow window, which M3 forbids — and the press expansion only
ever reaches a neighbour on the same line. Plan step 18, actions.md ACT-09,
ACT-10.

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

resources/views/components/button-group.blade.php

@@ -11,6 +11,10 @@
      the size of the buttons inside, so the spacing and corners match. For a choice bound to a
      property, `<x-group>` draws a connected group of radios.
 
+     A group never wraps to a second line — M3's rule, and the press expansion only reaches a
+     neighbour on the same line anyway. Where a row is too long for its window the answer is a
+     smaller `size` or fewer buttons, or two groups stacked.
+
      Spacing from the M3 Expressive spec (ButtonGroupSmallTokens: 12px at the small size). The
      shapes are resources/css/components/groups.css. --}}
 
@@ -32,7 +36,6 @@
     {{ $attributes->class([
         'inline-flex items-center',
         'gap-0.5' => $connected,
-        'flex-wrap' => ! $connected,
         'gap-[18px]' => ! $connected && $size === 'xs',
         'gap-3' => ! $connected && $size === 'sm',
         'gap-2' => ! $connected && in_array($size, ['md', 'lg', 'xl'], true),