Add large size to Badge

- Add lg tokens: height 32px, paddingX 16px, fontSize 14px, iconSize 16px
- Refactor component to use size map instead of ternary
- Update stories: Sizes now shows all three, CompleteMatrix includes large

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

src/theme/generated/tokens.js

@@ -4,12 +4,16 @@
 
 export const BadgeHeightSm = "22px"; // Small — compact inline status indicators
 export const BadgeHeightMd = "26px"; // Medium — default status badges, card labels
+export const BadgeHeightLg = "32px"; // Large — prominent labels, hero badges, marketing callouts
 export const BadgePaddingXSm = "8px"; // 8px — compact horizontal padding
 export const BadgePaddingXMd = "12px"; // 12px — default horizontal padding
+export const BadgePaddingXLg = "16px"; // 16px — generous horizontal padding
 export const BadgeFontSizeSm = "0.6875rem"; // 11px — small badge text
 export const BadgeFontSizeMd = "0.75rem"; // 12px — default badge text
+export const BadgeFontSizeLg = "0.875rem"; // 14px — large badge text
 export const BadgeIconSizeSm = "12px"; // 12px icons in small badges
 export const BadgeIconSizeMd = "14px"; // 14px icons in medium badges
+export const BadgeIconSizeLg = "16px"; // 16px icons in large 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