canvas is now scrollable

client/src/components/layout/Canvas/views/DashboardCanvas.jsx

@@ -1,4 +1,4 @@
-import { HStack, Flex, Tabs } from "@chakra-ui/react";
+import { HStack, Flex, Tabs, Box } from "@chakra-ui/react";
 import WidgetCanvas from "./DashboardCanvasNav/WidgetCanvas";
 import { SearchBar } from "../components/SearchBar";
 import { SettingsButton } from "../components/SettingsButton";
@@ -43,11 +43,12 @@ export function DashboardCanvas() {
 
   return (
     /* HEADER */
-    <Tabs.Root defaultValue="my dashboard">
+    <Tabs.Root lazyMount defaultValue="my dashboard">
       <Flex 
         as="header"
 				position="sticky"
 				top="0"
+        zIndex="banner"
 				bg="base200"
 				px={6}
 				py={3}

client/src/components/layout/Dashboard.jsx

@@ -61,7 +61,7 @@ export default function Dashboard() {
         <GridItem colSpan={1}>
           <Sidebar onChangeView={ setView }/>
         </GridItem>
-        <GridItem colSpan={1} width="100%">
+        <GridItem colSpan={1} width="100%" overflow="auto">
           <Canvas view={ view }/>
         </GridItem> 
       </Grid>