Save point, page renders and is functional

client/src/App.jsx

@@ -5,8 +5,8 @@ import Canvas from './components/layout/Canvas/Canvas.jsx';
 import { Grid, GridItem, useRecipe, Box } from '@chakra-ui/react';
 
 // REMOVE AFTER TESTING
-import CanvasHeader from './components/layout/Canvas/CanvasHeader.jsx';
-import { GridLayout } from 'react-grid-layout';
+// import CanvasHeader from './components/layout/Canvas/CanvasHeader.jsx';
+// import { GridLayout } from 'react-grid-layout';
 
 
 function App() {
@@ -42,21 +42,21 @@ function App() {
       <GridItem colSpan={1}>
         <Sidebar />
       </GridItem>
-      <GridItem colSpan={1}>
+      {/* <GridItem colSpan={1}> */}
       {/* <Grid
         templateRows="repeat(12, 1fr)"
         templateColumns="repeat(4, 1fr)"
         height="100%"
         width="100%"
       > */}
-        <GridItem colSpan={1}>
-          <Canvas />
-        </GridItem> 
+      <GridItem colSpan={1}>
+        <Canvas />
+      </GridItem> 
         {/* <GridItem colSpan={4} rowSpan={5}>
           <Canvas />
         </GridItem> */}
       {/* </Grid> */}
-      </GridItem>
+      {/* </GridItem> */}
     </Grid>
   );
 }