style(code): 格式化代码缩进和布局样式

- 统一调整 admin.ts 文件中的接口定义缩进格式
- 优化 animated-theme-toggler.tsx 组件的代码结构和缩进
- 规范 app-config-modal.tsx 中 JSX 元素的嵌套格式
- 整理 app-providers.tsx 中的组件层级缩进
- 标准化 app-theme.ts 中的对象属性缩进格式

web/src/app/(user)/canvas/components/canvas-context-menu.tsx

@@ -8,63 +8,38 @@ import { canvasThemes } from "@/lib/canvas-theme";
 import { useThemeStore } from "@/stores/use-theme-store";
 import type { ContextMenuState } from "../types";
 
-export function CanvasNodeContextMenu({
-  menu,
-  onClose,
-  onDuplicate,
-  onDelete,
-}: {
-  menu: ContextMenuState;
-  onClose: () => void;
-  onDuplicate: () => void;
-  onDelete: () => void;
-}) {
-  const theme = canvasThemes[useThemeStore((state) => state.theme)];
+export function CanvasNodeContextMenu({ menu, onClose, onDuplicate, onDelete }: { menu: ContextMenuState; onClose: () => void; onDuplicate: () => void; onDelete: () => void }) {
+    const theme = canvasThemes[useThemeStore((state) => state.theme)];
 
-  useEffect(() => {
-    const close = (event: PointerEvent) => {
-      const target = event.target;
-      if (target instanceof Element && target.closest(".ant-popover")) return;
-      onClose();
-    };
-    window.addEventListener("pointerdown", close);
-    return () => window.removeEventListener("pointerdown", close);
-  }, [onClose]);
+    useEffect(() => {
+        const close = (event: PointerEvent) => {
+            const target = event.target;
+            if (target instanceof Element && target.closest(".ant-popover")) return;
+            onClose();
+        };
+        window.addEventListener("pointerdown", close);
+        return () => window.removeEventListener("pointerdown", close);
+    }, [onClose]);
 
-  return (
-    <div
-      className="fixed z-[80] min-w-44 overflow-hidden rounded-xl border py-1 shadow-2xl"
-      style={{ left: menu.x, top: menu.y, background: theme.toolbar.panel, borderColor: theme.toolbar.border, color: theme.node.text }}
-      onPointerDown={(event) => event.stopPropagation()}
-    >
-      <MenuButton icon={<Plus className="size-4" />} label="Duplicate" onClick={onDuplicate} />
-      <MenuButton icon={<Trash2 className="size-4" />} label="Delete" onClick={onDelete} danger />
-    </div>
-  );
+    return (
+        <div
+            className="fixed z-[80] min-w-44 overflow-hidden rounded-xl border py-1 shadow-2xl"
+            style={{ left: menu.x, top: menu.y, background: theme.toolbar.panel, borderColor: theme.toolbar.border, color: theme.node.text }}
+            onPointerDown={(event) => event.stopPropagation()}
+        >
+            <MenuButton icon={<Plus className="size-4" />} label="Duplicate" onClick={onDuplicate} />
+            <MenuButton icon={<Trash2 className="size-4" />} label="Delete" onClick={onDelete} danger />
+        </div>
+    );
 }
 
-function MenuButton({
-  icon,
-  label,
-  onClick,
-  danger = false,
-}: {
-  icon: ReactNode;
-  label: string;
-  onClick?: () => void;
-  danger?: boolean;
-}) {
-  const theme = canvasThemes[useThemeStore((state) => state.theme)];
+function MenuButton({ icon, label, onClick, danger = false }: { icon: ReactNode; label: string; onClick?: () => void; danger?: boolean }) {
+    const theme = canvasThemes[useThemeStore((state) => state.theme)];
 
-  return (
-    <button
-      type="button"
-      className="flex w-full items-center gap-2 px-3 py-2 text-left text-xs transition-colors hover:opacity-80"
-      style={{ color: danger ? "#f87171" : theme.node.text }}
-      onClick={onClick}
-    >
-      {icon}
-      <span>{label}</span>
-    </button>
-  );
+    return (
+        <button type="button" className="flex w-full items-center gap-2 px-3 py-2 text-left text-xs transition-colors hover:opacity-80" style={{ color: danger ? "#f87171" : theme.node.text }} onClick={onClick}>
+            {icon}
+            <span>{label}</span>
+        </button>
+    );
 }