# Sub-task 8: Enhance StatsTab & LabTab

## Scope

Refactor the `StatsTab` and `LabTab` components to use the new design system primitives.

### Key Deliverables:
1. Update `StatsTab` to use `GameCard`, `SectionHeader`, `StatRow`, `ValueDisplay` primitives
2. Update `LabTab` to use `GameCard`, `SectionHeader`, `ActionButton` primitives
3. Style stat displays with proper numeric formatting (tabular-nums)
4. Add `ValueDisplay` for DPS, mana values
5. Ensure all stats are clearly readable

## Acceptance Criteria

1. Stat rows use `StatRow` primitive with appropriate highlighting
2. Numeric values use `ValueDisplay` with tabular-nums
3. Section headers use `SectionHeader` primitive
4. Stat cards use `GameCard` with appropriate variant
5. No raw hex values - all colors use CSS variables
6. All numbers use `--font-mono` and `tabular-nums` feature

## Dependencies

- **ST1 (Sub-task 1)** - Must be completed first (design system must exist)

## Status

🟡 **PENDING** - Waiting for ST1 completion

## Notes

- StatsTab location: `src/components/game/tabs/StatsTab.tsx`
- LabTab location: `src/components/game/tabs/LabTab.tsx`
- StatsTab shows: mana stats, combat stats, prestige stats
- LabTab handles: research, unlocking new features
- DPS calculation display needs proper formatting
- Include computed stats from equipment effects