Add Pomodoro Timer And Smart Break Reminder

[chn25csd565-bit]

• Closes #<321>

This PR introduces a Pomodoro-based Focus Timer with Smart Break Reminders directly into the learning workflow to enhance learner productivity, concentration, and study consistency.

While the platform provides personalized course generation and structured learning paths, learners currently lack built-in tools to manage focused study sessions. This feature addresses that gap by integrating a time-management system that encourages active learning habits, reduces cognitive fatigue, and promotes sustainable study routines.

The implementation is designed as a reusable component that can be extended in the future with analytics, XP rewards, streak tracking, notifications, and personalized study recommendations.

What changes are included in this PR?

New Feature: Pomodoro Focus Timer

• Added a reusable PomodoroTimer component.
• Integrated the timer into course pages for easy access during learning sessions.
• Added customizable session durations allowing users to define their preferred focus intervals.
• Implemented Start, Pause, and Reset functionality.
• Added automatic Smart Break Reminder notifications when a focus session ends.

User Experience Improvements

• Designed the interface to align with the platform's existing visual language.
• Simplified timer controls for ease of use.
• Improved learner engagement by embedding productivity tools directly within the study environment.

Architecture

• Built using React functional components and hooks.
• Utilizes useState and useEffect for efficient timer state management.
• Structured for future integration with gamification systems, learning analytics, and progress tracking.

Are these changes tested?

Yes. Manual testing was performed for the following scenarios:

• Timer initialization with default values.
• Custom duration input and updates.
• Countdown accuracy.
• Start functionality.
• Pause functionality.
• Reset functionality.
• Smart Break Reminder display upon timer completion.
• Component rendering within course pages.
• Multiple timer duration selections.
• UI responsiveness and interaction behavior.

Are there any user-facing changes?

Yes.

Users will now have access to an integrated Pomodoro Focus Timer while viewing course content. The feature enables learners to:

• Create structured study sessions.
• Customize focus durations according to personal preferences.
• Receive reminders to take breaks after intensive study periods.
• Improve productivity without relying on external tools.

This enhancement strengthens the platform's learning experience by combining educational content delivery with built-in productivity support.

[vercel]

@Lakshmi-24-pixe is attempting to deploy a commit to the Vikas' projects Team on Vercel.

A member of the Team first needs to authorize it.

[chn25csd565-bit]

Could you please issue this under GSSoC if not already, and give me feedback after review? Thanks!