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

client/src/components/ui/color-mode.jsx

@@ -2,6 +2,7 @@
 
 import { ClientOnly, IconButton, Skeleton, Span } from '@chakra-ui/react'
 import { ThemeProvider, useTheme } from 'next-themes'
+import { useEffect } from "react"
 
 import * as React from 'react'
 import { LuMoon, LuSun } from 'react-icons/lu'
@@ -18,6 +19,12 @@ export function useColorMode() {
   const toggleColorMode = () => {
     setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')
   }
+
+  // Debug log
+  useEffect(() => {
+    //console.log(`Color mode changed to: ${colorMode}`);
+  }, [colorMode]);
+
   return {
     colorMode: colorMode,
     setColorMode: setTheme,