sets canvas zindex behind sidebar/header

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

@@ -2,7 +2,7 @@
 // the main canvas section of the web App with a default state
 // of 'WidgetCanvas' 
 
-import { Box } from "@chakra-ui/react";
+import { Box, useRecipe } from "@chakra-ui/react";
 import GlobalMapCanvas from "./views/GlobalMapCanvas";
 import RegionalMapCanvas from "./views/RegionalMapCanvas";
 import VolcanoCanvas from "./views/VolcanoCanvas";
@@ -10,6 +10,9 @@ import AdminCanvas from "./views/AdminCanvas";
 import { DashboardCanvas } from "./views/DashboardCanvas";
 
 export default function Canvas({ view, layout, setLayout, onLayoutChange }) {
+  const recipe = useRecipe({ key: "canvas" });
+  const styles = recipe();
+
     return (
         <Box height="100%" width="100%">
             {view === "widget" &&