formatted with prettier

frontend/src/App.tsx

@@ -1,48 +1,43 @@
 import { useState } from 'react'
-import { BrowserRouter as Router } from 'react-router-dom';
-import { Routes, Route } from 'react-router-dom';
+import { BrowserRouter as Router } from 'react-router-dom'
+import { Routes, Route } from 'react-router-dom'
 import './App.css'
 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';
-import { POSTS } from './constants';
-import { BlogList } from "./components/BlogList";
-import { BlogPost } from "./components/BlogPost";
+import Experience from './pages/Experience'
+import Projects from './pages/Projects'
+import Interests from './pages/Interests'
 
 function App() {
   const [darkMode, setDarkMode] = useState(() => {
-    const savedMode = localStorage.getItem('DARK_MODE');
-    return savedMode ? JSON.parse(savedMode) : true;
-  });
+    const savedMode = localStorage.getItem('DARK_MODE')
+    return savedMode ? JSON.parse(savedMode) : true
+  })
   const toggleDarkMode = (): void => {
     setDarkMode(!darkMode)
   }
 
   return (
     <>
-    <div className={darkMode ? "dark" : ""}>
-      <main className="bg-amber-50 px-10 dark:bg-gray-900">
-        <section className="min-h-screen">
-          <Navbar toggleDarkMode={toggleDarkMode} darkMode={darkMode}/>
-          <Router>
-            <Routes>
-              <Route path='/' element={<Home/>} />
-              <Route path='/experience' element={<Experience/>} />
-              <Route path='/projects' element={<Projects/>} />
-              <Route path='/Interests' element={<Interests />} />
-              <Route path="/blog" element={<BlogList posts={POSTS} />} />
-              <Route path="/blog/:slug" element={<BlogPost />} />
-            </Routes>
-          </Router>
-          <Footer />
-        </section>
-      </main>
-    </div>
+      <div className={darkMode ? 'dark' : ''}>
+        <main className="bg-amber-50 px-10 dark:bg-gray-900">
+          <section className="min-h-screen">
+            <Navbar toggleDarkMode={toggleDarkMode} darkMode={darkMode} />
+            <Router>
+              <Routes>
+                <Route path="/" element={<Home />} />
+                <Route path="/experience" element={<Experience />} />
+                <Route path="/projects" element={<Projects />} />
+                <Route path="/Interests" element={<Interests />} />
+              </Routes>
+            </Router>
+            <Footer />
+          </section>
+        </main>
+      </div>
     </>
   )
-}         
+}
 
-export default App
+export default App