fix(tabs): stop scrollable tabs from shrinking/clipping labels on resize

Tabs are flex children of `.tab-wrap`. In a `.tab-wrap.scrollable` bar the
container has `overflow-x: scroll`, but the tabs still default to
`flex: 0 1 auto`, so when the bar is too narrow (resize / browser zoom /
reflow) the browser shrinks each tab below its content width — squashing and
clipping the labels instead of scrolling.

Set `flex: 0 0 auto` on `.tab` ONLY inside `.tab-wrap.scrollable`, so tabs keep
their content width and the bar scrolls. Scoping to `.scrollable` leaves
non-scrollable variants untouched — notably the stat `full-width` variant,
which sets `--width: 100%` and relies on the default `flex-shrink: 1` to share
the row and would otherwise overflow.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: A

src/components/Tabs/tabs.module.scss

@@ -4,6 +4,14 @@
   &.scrollable {
     overflow-x: scroll;
     @include no-scrollbars;
+
+    // Keep each tab at its content width so labels aren't compressed/clipped
+    // when the bar is too narrow (resize/zoom/reflow); the bar scrolls instead.
+    // Scoped to .scrollable so non-scrollable variants (e.g. stat full-width,
+    // which rely on flex-shrink to share the row) are unaffected.
+    .tab {
+      flex: 0 0 auto;
+    }
   }
 
   &.underlined {