[FEATURE]: Add Dynamic Study Progress Tracker with SVG Heatmap visualizer

[Rafiaminhaj]

Feature Description

StudyPlan users should have a visual representation of their daily study streaks and completed tasks (similar to the GitHub contribution chart or habit tracking matrix). Proposing to implement a Study Progress Heatmap Visualizer.

Expected Behavior

1. SVG Grid Map: Renders a 53-week grid representing the calendar year, where each square corresponds to a day.
2. Color Depth representation: Square colors range from light gray/mute green to deep green depending on the count of study hours/tasks completed on that day.
3. Tooltip Attributions: Hovering over any square displays a tooltip (e.g. "3 tasks completed on June 12").
4. Streak Calculation: Computes and displays "Current Streak" and "Longest Streak" metrics on the summary board.

Benefits

• Highly encourages daily study habits through game-like visualization.
• Visually enhances the dashboard analytics panel.

Please assign this issue to me under GSSoC '26. Thank you!

[Rafiaminhaj]

/assign gssoc

[shivambind269-ai]

/assign

[Treesa24]

Hi @Rafiaminhaj,

I'd like to work on this feature. I plan to implement a dynamic SVG-based Study Progress Heatmap that visualizes daily study activity over the past year, includes color intensity based on completed tasks or study hours, interactive tooltips, and calculates both the Current Streak and Longest Streak. I'll ensure the visualization is responsive, accessible, and integrates seamlessly with the existing dashboard.

Could you please assign this issue to me? Thank you!