Better handling of react app

client/src/App.js

@@ -1,27 +1,19 @@
-import React from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router';
-import './App.css';
-import AdminMembersPage from './pages/AdminMembersPage';
+import React from "react";
+import { BrowserRouter, Routes, Route, Link } from "react-router";
+import Home from "./pages/Home";
+import AdminMembers from "./pages/AdminMembers";
 
-function App() {
+export default function App() {
   return (
-    <Router>
-      <div className="App">
-        <header className="App-header">
-          <h1>PTA Vote System</h1>
-          {/* Add navigation link */}
-          <nav>
-            <a href="/admin-members">Upload Members</a>
-          </nav>
-        </header>
-        <main>
-          <Routes>
-            <Route path="/admin-members" element={<AdminMembersPage />} />
-          </Routes>
-        </main>
-      </div>
-    </Router>
-  );
-}
+    <BrowserRouter>
+      <nav style={{ padding: "1rem", background: "#f5f5f5" }}>
+        <Link to="/">Home</Link> | <Link to="/admin-members">Admin Members</Link>
+      </nav>
 
-export default App;
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/admin-members" element={<AdminMembers />} />
+      </Routes>
+    </BrowserRouter>
+  );
+}