Fixed, i missed changing from children to outlet

client/src/App.jsx

@@ -1,5 +1,5 @@
 import 'leaflet/dist/leaflet.css';
-import { Routes, Route, Navigate } from 'react-router-dom';
+import { Routes, Route, Navigate, Outlet } from 'react-router-dom';
 import { useRecipe, Grid, GridItem, useDialog } from "@chakra-ui/react";
 import { createContext } from "react";
 import Login from "@/Login.jsx";
@@ -12,7 +12,7 @@ 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}) {
+function AppFoundation() {
   const recipe = useRecipe({ key: "dashboard" });
   const styles = recipe();
   const dialog = useDialog();
@@ -33,7 +33,7 @@ function AppFoundation({children}) {
           <Sidebar />
         </GridItem>
         <GridItem colSpan={1} width="100%" overflow="auto">
-          {children}
+          <Outlet />
         </GridItem>
       </Grid>
     </>