feat(web): the gauge carries its counts inside the bar

[haribo]

Summary

• The gauge drew a thin bar and repeated the same data below as a row of counted icons (let the gauge carry its counts inside the bar #236, validated mockup): one 20px bar now carries its counts inside their own segments — white, bold, tabular — and the icon row is gone
• A non-empty segment keeps a ~1.7em minimum width, so 214 accepted · 1 refused never hides the 1 — the accepted proportionality trade
• The segment order is fixed inside the component (to review, accepted, refused, not instrumented) whatever the caller sends: position identifies the status as much as hue (WCAG 1.4.1); the full name stays as tooltip and accessible name
• Both call sites benefit unchanged: the category table and the case table

Test plan

• New specs: counts inside their segments with the minimum width held, the fixed order enforced (StateGauge.spec.ts, let the gauge carry its counts inside the bar #236)
• Full gates: fe-check, fe-test (108), fe-test-e2e (63)
• Screenshots of the catalogue, both themes, validated

Existing test modified (flagged): "sizes each segment by its count" now asserts the fixed order (reviewer leads) instead of the caller's order — the validated rule.

Closes #236