# Sub-task 6: Enhance Equipment & Crafting Tabs

## Scope

Refactor the `EquipmentTab` and `CraftingTab` components to use the new design system primitives.

### Key Deliverables:
1. Update `EquipmentTab` to use `GameCard`, `SectionHeader`, `ElementBadge` primitives
2. Update `CraftingTab` to use `GameCard`, `ActionButton`, `Progress` primitives
3. Style equipment slots with proper variants
4. Add `ElementBadge` for equipment element types
5. Ensure crafting progress uses proper animation (linear transition)

## Acceptance Criteria

1. Equipment slots use `GameCard` with appropriate variant
2. Equipment elements display using `ElementBadge` primitive
3. Crafting progress uses `Progress` primitive (linear transition)
4. Action buttons use `ActionButton` primitive with correct variants
5. Section headers use `SectionHeader` primitive
6. No raw hex values - all colors use CSS variables

## Dependencies

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

## Status

🟡 **PENDING** - Waiting for ST1 completion

## Notes

- EquipmentTab location: `src/components/game/tabs/EquipmentTab.tsx`
- CraftingTab location: `src/components/game/tabs/CraftingTab.tsx`
- Equipment has multiple slots (mainHand, offHand, head, body, etc.)
- Crafting has 3 stages: Design, Prepare, Apply
- Show 2-handed weapon handling in UI