Add Badge atom component

- Create badge component tokens (height, paddingX, fontSize, iconSize,
  iconGap, borderRadius for sm/md sizes) — 10 tokens
- Build Badge component: pill-shaped status indicator label
  - 6 colours: default, brand, success, warning, error, info
  - 2 variants: soft (tonal, default) and filled (solid)
  - 2 sizes: small (22px) and medium (26px)
  - Optional leading icon prop
  - All colours use CSS variables from token system (no hardcoded hex)
- Create 10 Storybook stories: Default, AllColoursSoft, AllColoursFilled,
  WithIcons, WithIconsFilled, Sizes, SmallSizes, InPriceCard,
  ServiceStatus, CompleteMatrix
- Regenerate token pipeline outputs

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

src/theme/generated/tokens.js

@@ -2,6 +2,16 @@
  * Do not edit directly, this file was auto-generated.
  */
 
+export const BadgeHeightSm = "22px"; // Small — compact inline status indicators
+export const BadgeHeightMd = "26px"; // Medium — default status badges, card labels
+export const BadgePaddingXSm = "8px"; // 8px — compact horizontal padding
+export const BadgePaddingXMd = "12px"; // 12px — default horizontal padding
+export const BadgeFontSizeSm = "0.6875rem"; // 11px — small badge text
+export const BadgeFontSizeMd = "0.75rem"; // 12px — default badge text
+export const BadgeIconSizeSm = "12px"; // 12px icons in small badges
+export const BadgeIconSizeMd = "14px"; // 14px icons in medium badges
+export const BadgeIconGapDefault = "4px"; // 4px icon-text gap
+export const BadgeBorderRadiusDefault = "9999px"; // Pill shape — fully rounded
 export const ButtonHeightXs = "28px"; // Extra-small — compact text buttons, inline actions
 export const ButtonHeightSm = "32px"; // Small — secondary actions, toolbar buttons
 export const ButtonHeightMd = "40px"; // Medium — default size, form submissions