Feature: Add Fully-Synced Floating UI Of Extension

[kmanish527]

🚀 Pull Request Checklist

• ✅ My issue is assigned to me, and I have not taken up another task simultaneously.
• 🔁 I have pulled the latest changes from the main branch.
• 🧪 My code is tested and does not break existing functionality.
• 📚 I have added/updated documentation wherever necessary.
• 🧹 My code follows the project’s coding standards.
• ✍️ My commits are clear and meaningful.
• 🧾 I have linked the issue this PR addresses with Closes #<issue_number>.

---

📌 Related Issue

Closes #

🧠 Description

• New Synced Extension UI: The Chrome extension now displays a persistent, floating timer on all tabs. This UI is fully synchronized with the main app's state and clearly shows:
  The real-time countdown.
  The current session number (e.g., "Session 1", "Session 2").
  The session type ("Work" or "Break"), which is also color-coded.

work

Break

• Reliable Audio Alerts: Implemented background sound alerts that fire reliably whenever a work or break session is completed. This ensures the user is notified of the transition even when they are on a different tab.

• Fixed End-of-Cycle Logic: Resolved a critical bug that caused the timer to run continuously without stopping. The timer logic has been corrected to automatically pause after the final long break, successfully completing the 4-session cycle and resetting the app to a "stopped" state, ready for the user's next command.

-Persist Pomodoro state on page refresh: I've fixed the bug where the Pomodoro timer would reset to 25:00 if you refreshed the page. I'm now using localStorage to save the timer's progress. So, if you refresh the tab, the app will remember exactly where you were—what session you were on and how much time was left.

-The Magic Moment:During a 'Work' session, the extension enforces a 'focus mode' by only allowing access to a predefined list of work-related domains (like Stack Overflow, GitHub, and LeetCode). During a 'Break,' all browsing restrictions are lifted. When the break ends, the extension automatically closes all non-allowed tabs to ensure a distraction-free start to the next work session.

---

✅ Type of Change

• 🐞 Bug fix
• 💡 Feature
• 🧹 Code cleanup/refactor
• 🧪 Test cases
• 📚 Docs update

[vercel]

Someone is attempting to deploy a commit to the Annanya's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🙌 Thanks @kmanish527 for raising this PR!
Our team will review it soon ⏳ — meanwhile, please make sure your PR follows our contributing guidelines 👉 Contributing Guidelines 🎉

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #207 has been merged! 🎉🎉