feat: add pomodoro timer with completion alert

frontend/package.json

@@ -20,6 +20,7 @@
     "html-to-image": "^1.11.13",
     "html2canvas": "^1.4.1",
     "lucide-react": "^0.562.0",
+    "ogl": "^1.0.11",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-router-dom": "^7.10.1",

frontend/src/App.jsx

@@ -15,6 +15,7 @@ import NotFound from "./pages/NotFound.jsx";
 import About from "./pages/About.jsx";
 import Profile from './pages/Profile.jsx';
 import ScrollToTop from "./components/ScrollToTop.jsx";
+import Pomodoro from "./pages/Pomodoro.jsx";
 import PageTransition from "./components/PageTransition.jsx";
 
 const AuthLayout = ({ children }) => (
@@ -84,6 +85,45 @@ const App = () => {
     <BrowserRouter>
       <Navbar />
       <main className="app-bg min-h-screen pt-15 flex flex-col">
+        <Routes>
+          <Route path="/"       element={<PublicRoute><AuthLayout><Login /></AuthLayout></PublicRoute>} />
+          <Route path="/login"  element={<PublicRoute><AuthLayout><Login /></AuthLayout></PublicRoute>} />
+          <Route path="/signup" element={<PublicRoute><AuthLayout><Signup /></AuthLayout></PublicRoute>} />
+          <Route path="/about"  element={<AuthLayout><About /></AuthLayout>} />
+          <Route
+            path="/dashboard"
+            element={
+              <ProtectedRoutes>
+                <Dashboard />
+              </ProtectedRoutes>
+            }
+          />
+          <Route
+            path="/tasks"
+            element={
+              <ProtectedRoutes>
+                <Tasks />
+              </ProtectedRoutes>
+            }
+          />
+          <Route
+            path="/routine-builder"
+            element={
+              <ProtectedRoutes>
+                <RoutineBuilder />
+              </ProtectedRoutes>
+            }
+          />
+          <Route
+            path="/focus-mode"
+            element={
+              <ProtectedRoutes>
+                <Pomodoro />
+              </ProtectedRoutes>
+            }
+          />
+          <Route path="*" element={<NotFound />} />
+        </Routes>
         <AnimatedRoutes />
       </main>
       <Footer />