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>
   );
 }