chore(frontend): add time braker

src/App.tsx

@@ -1,17 +1,28 @@
 import { useState } from 'react'
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
 import LoadingScreen from './components/LoadingScreen'
 import Home from './components/Home'
+import Navbar from './components/Navbar'
+import TimeBreaker from './components/TimeBreaker'
+import { type Language } from './translations'
 import './App.css'
 
 function App() {
   const [isLoading, setIsLoading] = useState(true)
+  const [language, setLanguage] = useState<Language>('en')
 
   return (
     <>
       {isLoading ? (
         <LoadingScreen onLoaded={() => setIsLoading(false)} />
       ) : (
-        <Home />
+        <Router>
+          <Navbar language={language} setLanguage={setLanguage} />
+          <Routes>
+            <Route path="/" element={<Home language={language} />} />
+            <Route path="/time-breaker" element={<TimeBreaker language={language} />} />
+          </Routes>
+        </Router>
       )}
     </>
   )