[Feature] Add Live Pomodoro Timer with Break Cycle Integration

[beereshbc]

This issue proposes implementing a Live Pomodoro Timer into the developer dashboard to enhance focus and time management. The timer will help users follow the Pomodoro technique — focusing for 25-minute intervals with structured short and long breaks.

It will display the current cycle (focus or break), countdown in real-time, and allow users to reset or pause. The UI will be minimalistic yet visually intuitive to encourage productive workflow sessions.

✨ Key Functionalities
⏱ Real-time countdown timer
🔁 Auto-switch between Focus, Short Break, and Long Break cycles
🔔 Optional alert sounds on cycle transitions
🔄 Start, Pause, and Reset controls
🌓 Light/Dark mode compatibility
📊 (Optional future scope) Stats of completed Pomodoro cycles

⚙️ Tech Stack Planned
React (functional components + hooks)
Tailwind CSS (for sleek responsive design)
React State / useEffect for timer logic

🙋‍♂️ Assignment Request
Hello @Annanyatiwary4 , I’d love to contribute this feature.
Kindly:

✅ Assign this issue to me
🏷️ Attach appropriate existing labels (like feature, productivity, etc.)
I will handle the entire Pomodoro feature section with a smooth, modern UI/UX that fits perfectly into the existing dashboard experience.