Refactor updating how widgets work and removed prop drilling

client/src/App.jsx

@@ -11,6 +11,7 @@ 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";
+import MyDashboard from "./components/Canvas/views/HomeTabs/MyDashboard.jsx";
 
 function AppFoundation() {
   const recipe = useRecipe({ key: "dashboard" });
@@ -50,9 +51,6 @@ const Placeholder = ({ name }) => (
     </Flex>
 );
 function App() {
-    const sidebarContext = createContext(["Home", "Global Map", "Regional Map", "Volcano", "Admin"]);
-    // const [user, setUser] = useState(null);
-
     return (
         <Routes>
             {/*Public Routes*/}
@@ -63,8 +61,8 @@ function App() {
 
                 <Route path="/home" element={<Home />}>
                     {/* We use our "pass" component to fill the Outlet until the real pages are built */}
-                    <Route index element={<Placeholder name="My" />} />
-                    <Route path="gas" element={<Placeholder name="Gas" />} />
+                    <Route index element={<MyDashboard />} />
+                    <Route path="gas" element={<MyDashboard />} />
                     <Route path="seismic" element={<Placeholder name="Seismic" />} />
                     <Route path="remote" element={<Placeholder name="Remote Sensing" />} />
                     <Route path="daily" element={<Placeholder name="Daily Activity" />} />