Reformat starting changes on layout for better UI visuals

client/src/App.jsx

@@ -33,12 +33,12 @@ function AppFoundation() {
         height="100vh"
         width="100vw"
       >
-        <GridItem rowSpan={1} colSpan={2}>
-          <Header />
-        </GridItem>
-        <GridItem colSpan={1}>
+        <GridItem rowSpan={2} colSpan={1}>
           <Sidebar />
         </GridItem>
+        <GridItem rowSpan={1} colSpan={1}>
+          <Header />
+        </GridItem>
         <GridItem colSpan={1} width="100%" overflow="auto">
           <Outlet />
         </GridItem>
@@ -75,7 +75,7 @@ function App() {
 
                     <Route path="/home" element={<Home />}>
                         <Route index element={<MyDashboard />} />
-                        <Route path="gas" element={<MyDashboard />} />
+                        <Route path="gas" element={<Placeholder name="Gas" />} />
                         <Route path="seismic" element={<Placeholder name="Seismic" />} />
                         <Route path="remote" element={<Placeholder name="Remote Sensing" />} />
                         <Route path="daily" element={<Placeholder name="Daily Activity" />} />