fixed at least as far as possible right now. does render stuff

src/App.tsx

@@ -1,34 +1,31 @@
-import './App.css'
-import Navbar from "./components/Navbar.tsx";
-import {BrowserRouter, Route, Routes} from "react-router-dom";
+import './App.css';
+import Navbar from './components/Navbar';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
 
 function Home() {
-    return null;
+    return <div className="p-4">Home Page</div>;
 }
 
 function Feed() {
-    return null;
+    return <div className="p-4">Feed Page</div>;
 }
 
 function Record() {
-    return null;
+    return <div className="p-4">Record Page</div>;
 }
 
 function Archive() {
-    return null;
+    return <div className="p-4">Archive Page</div>;
 }
 
 function Profile() {
-    return null;
+    return <div className="p-4">Profile Page</div>;
 }
 
-function App() {
-
+export default function App() {
     return (
         <BrowserRouter>
-            <div>
-                <Navbar/>
-            </div>
+            <Navbar />
             <Routes>
                 <Route path="/" element={<Home />} />
                 <Route path="/feed" element={<Feed />} />
@@ -37,7 +34,5 @@ function App() {
                 <Route path="/profile" element={<Profile />} />
             </Routes>
         </BrowserRouter>
-    )
+    );
 }
-
-export default App