now all routes added but some are broken bc of bad refrences

client/src/App.jsx

@@ -9,6 +9,8 @@ import Header from "@/components/Header/Header.jsx";
 import Home from "./components/Canvas/views/Home.jsx";
 import RegionalMap from "./components/Canvas/views/RegionalMap.jsx";
 import Volcano from "@/components/Canvas/views/Volcano.jsx";
+import GlobalMap from "./components/Canvas/views/GlobalMap.jsx";
+import Admin from "./components/Canvas/views/Admin.jsx";
 
 function AppFoundation({children}) {
   const recipe = useRecipe({ key: "dashboard" });
@@ -51,8 +53,10 @@ function App() {
       <Routes>
         <Route path="/login" element={<Login />} />
         <Route path="/home" element={<AppFoundation> <Home/> </AppFoundation>} />
+        <Route path="/global-map" element={<AppFoundation> <GlobalMap/> </AppFoundation>} />
         <Route path="/regional-map" element={<AppFoundation> <RegionalMap/> </AppFoundation>} />
         <Route path="/volcano" element={<AppFoundation> <Volcano/> </AppFoundation>} />
+        <Route path="/admin" element={<AppFoundation> <Admin/> </AppFoundation>} />
       </Routes>
   );
 }

client/src/components/Sidebar/Sidebar.jsx

@@ -30,10 +30,10 @@ export default function Sidebar() {
 
   const buttons = [
     {icon: House, name: "Home", url: "/home"},
-    {icon: Earth, name: "Global Map", url: "/GlobalMap"},
+    {icon: Earth, name: "Global Map", url: "/global-map"},
     {icon: MapPin, name: "Regional Map", url: "/regional-map"},
     {icon: Mountain, name: "Volcano", url: "/volcano"},
-    {icon: ShieldUser, name: "Admin", url: "/medataentry"}
+    {icon: ShieldUser, name: "Admin", url: "/admin"}
   ];
 
   const toggleSidebar = () => {