frontend: added Experience, Interests, and projects section

frontend/src/App.tsx

@@ -6,13 +6,18 @@ import Home from './pages/Home'
 import Navbar from './components/Navbar'
 import Footer from './components/Footer'
 import Experience from './pages/Experience';
+import Projects from './pages/Projects';
+import Interests from './pages/Interests';
 
 function App() {
-  const [darkMode, setDarkMode] = useState(true)
+  const [darkMode, setDarkMode] = useState(() => {
+    const savedMode = localStorage.getItem('DARK_MODE');
+    return savedMode ? JSON.parse(savedMode) : true;
+  });
   const toggleDarkMode = (): void => {
-    console.log("Dark Mode")
     setDarkMode(!darkMode)
   }
+
   return (
     <>
     <div className={darkMode ? "dark" : ""}>
@@ -23,6 +28,8 @@ function App() {
             <Routes>
               <Route path='/' element={<Home/>} />
               <Route path='/experience' element={<Experience/>} />
+              <Route path='/projects' element={<Projects/>} />
+              <Route path='/Interests' element={<Interests />} />
             </Routes>
           </Router>
           <Footer />