[Phase 3] Header Component

[JeremyDev87]

Header Component

Parent Issue: #338

Description

Implement the dashboard top header. Displays logo, current Mode status, and time.

Tasks

• components/Header.tsx implementation
  • Left: Logo icon + "CODINGBUDDY" text
  • Center: Current Mode (PLAN=blue, ACT=green, EVAL=yellow, AUTO=magenta)
  • Right: Real-time clock display
• useClock hook implementation (1-second interval time update)
• Unit tests

Visualization

╔═══════════════════════════════════════════════╗
║ 🤖 CODINGBUDDY      ● PLAN         16:43     ║
╠═══════════════════════════════════════════════╣

Dependencies

• Depends on: [Phase 3] Nerd Font Icons & Color Utilities #339 (color utilities)