feat(component): Progress Tracker

[bntvllnt]

Summary

Learning progress dashboard component showing completion across modules, lessons, and exercises. Extends existing Progress-Bar and Progress-Card into a comprehensive tracking view. Unique to the educational suite.

Motivation

Educational platforms need a bird's-eye view of student progress — which modules are complete, current streaks, time spent, skills acquired. The existing Progress-Bar and Progress-Card handle individual items. This handles the full curriculum overview.

Proposed API

<ProgressTracker
  modules={modules}
  overallProgress={0.65}
  streak={7}
>
  <ProgressTrackerOverview />
  <ProgressTrackerModules>
    <ProgressTrackerModule
      title="JavaScript Basics"
      progress={1.0}
      status="completed"
      lessons={12}
      completedLessons={12}
    />
    <ProgressTrackerModule
      title="React Fundamentals"
      progress={0.4}
      status="in-progress"
      lessons={8}
      completedLessons={3}
    />
  </ProgressTrackerModules>
  <ProgressTrackerStats>
    <ProgressTrackerStat label="Streak" value="7 days" />
    <ProgressTrackerStat label="Time Spent" value="24h" />
    <ProgressTrackerStat label="Exercises" value="45/80" />
  </ProgressTrackerStats>
</ProgressTracker>

Requirements

• Overall progress ring/bar
• Module-level progress cards
• Module states: locked, available, in-progress, completed
• Streak counter display
• Stats section (time, exercises, lessons)
• Skill/badge display
• Responsive grid layout
• Integrates with existing Checklist persistence
• Accessible: progress semantics, descriptive labels

Educational Use Cases

• Student dashboard
• Course overview page
• Curriculum progress tracking
• Learning path visualization