added theme switcher, fixed themes

app/client/components/ui/provider.tsx

@@ -6,8 +6,9 @@ import { ColorModeProvider, type ColorModeProviderProps } from './color-mode';
 export function Provider(props: ColorModeProviderProps) {
   return (
     <ChakraProvider value={defaultSystem}>
-      <ColorModeProvider forcedTheme="dark" />
-      <Theme colorPalette="cyan">{props.children}</Theme>
+      <Theme colorPalette="cyan">
+        <ColorModeProvider defaultTheme="dark">{props.children}</ColorModeProvider>
+      </Theme>
     </ChakraProvider>
   );
 }