feat: polish OutcomeChip layout for narrow (mobile) viewports (Closes #821)

[waterWang]

Description

Audits OutcomeChip on <=375px and adjusts breakpoints, wrapping, and tap targets per issue #821.

Changes

• min-h-[44px]: Ensures WCAG 2.1 AA 2.5.5 minimum tap target at all breakpoints
• whitespace-normal + break-words: Allows label to wrap onto a second line instead of clipping on narrow screens
• Responsive padding: px-2.5 on mobile, px-3 on sm+ for tighter fit on small screens
• Responsive font: text-xs on mobile, text-sm on sm+ for readability
• py-3: Vertical padding keeps the 44px minimum height while allowing text wrapping

Testing

• Existing tests verify text-white, font-semibold, chart token classes, and pattern classes remain intact
• Visual: chip wraps gracefully on <=375px, maintains 44px+ tap target, no overflow

Screenshots

Uses same design tokens and chart colors as before; visual change is only in responsive behavior.

Closes #821

[vercel]

@waterWang is attempting to deploy a commit to the Jagadeesh B's projects Team on Vercel.

A member of the Team first needs to authorize it.