Fix add widget behavior, widget types and view settings button menu item...

client/src/components/Canvas/CanvasComponents/FirstWidgetButton.jsx

@@ -1,7 +1,7 @@
 import { Box, Menu, Portal } from '@chakra-ui/react'
 import WidgetMenu from './WidgetMenu';
 
-export default function FirstWidgetButton({ appendWidget }) {
+export default function FirstWidgetButton({ view, appendWidget }) {
   const triggerItem = (<>
     <Menu.Trigger asChild>
       <Box
@@ -16,10 +16,11 @@ export default function FirstWidgetButton({ appendWidget }) {
         boxShadow="md"
         border="2px dashed"
         borderColor="gray.300"
-        bg="gray.50"
+        bg={{base:"white",_dark:"gray"}}
+        color={{base:"black",_dark:"white"}}
         cursor="pointer"
         _hover = {{
-          bg: "gray.100",
+          bg: {base:"gray.100", _dark:"gray.600"},
           borderColor: "gray.400",
           boxShadow: "lg",
         }}
@@ -29,7 +30,7 @@ export default function FirstWidgetButton({ appendWidget }) {
     </Menu.Trigger>
   </>);
   const positioning = { placement: "bottom-middle" };
-  const WidgetMenuProps = { appendWidget, triggerItem, positioning };
+  const WidgetMenuProps = { view, appendWidget, triggerItem, positioning };
   return (
     <WidgetMenu {...WidgetMenuProps} />
   );