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}