feat: Settings panel

frontend/src/app/canvas/CanvasMenubar.tsx

@@ -1,5 +1,5 @@
 /**
- * Menubar for the canvas page: Project (Import/Export), Edit (Undo/Redo, Duplicate/Copy/Paste, Rename), View (Fit View, Theme).
+ * Menubar for the canvas page: Project (Import/Export), Edit (Undo/Redo, Duplicate/Copy/Paste, Rename), View (Fit View, Minimap).
  */
 
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
@@ -17,9 +17,8 @@ import {
   MenubarCheckboxItem,
 } from '@/components/ui/menubar'
 import { Kbd, KbdGroup } from '@/components/ui/kbd'
-import { useTheme } from '@/lib/themeContext'
 import { usePlatform } from '@/app/platform/platformContext'
-import { ArrowLeft, ClipboardPaste, Copy, CopyPlus, Download, FolderOpen, Moon, Pencil, Redo2, Sun, Undo2 } from 'lucide-react'
+import { ArrowLeft, ClipboardPaste, Copy, CopyPlus, Download, FolderOpen, Pencil, Redo2, Undo2 } from 'lucide-react'
 import { Input } from '@/components/ui/input'
 
 export type CanvasMenubarProps = {
@@ -63,7 +62,6 @@ export function CanvasMenubar({
   showMinimap = false,
   onToggleMinimap,
 }: CanvasMenubarProps) {
-  const { theme, setTheme } = useTheme()
   const { projectId } = useParams<{ projectId: string }>()
   const { projects, renameProject } = usePlatform()
   const projectName = useMemo(
@@ -235,28 +233,6 @@ export function CanvasMenubar({
                 </span>
               </MenubarItem>
             )}
-            {onFitView && <MenubarSeparator />}
-            <MenubarSub>
-              <MenubarSubTrigger>Theme</MenubarSubTrigger>
-              <MenubarSubContent>
-                <MenubarCheckboxItem
-                  checked={theme === 'light'}
-                  onCheckedChange={() => setTheme('light')}
-                  className="gap-2"
-                >
-                  <Sun className="h-4 w-4" />
-                  Light
-                </MenubarCheckboxItem>
-                <MenubarCheckboxItem
-                  checked={theme === 'dark'}
-                  onCheckedChange={() => setTheme('dark')}
-                  className="gap-2"
-                >
-                  <Moon className="h-4 w-4" />
-                  Dark
-                </MenubarCheckboxItem>
-              </MenubarSubContent>
-            </MenubarSub>
             {onToggleMinimap != null && (
               <>
                 <MenubarSeparator />