konva Stage setup

src/components/theme-toggle.tsx

@@ -23,13 +23,14 @@ function ThemeToggle() {
         <Button
             type="button"
             variant="dummy"
+            size="none"
             className="rounded cursor-pointer"
             onClick={() => {
                 if (!theme || theme === "light") updateTheme("dark");
                 else updateTheme("light");
             }}
         >
-            {theme === "dark" ? <Sun /> : <Moon />}
+            {theme === "dark" ? <Sun className="size-6" /> : <Moon className="size-6" />}
         </Button>
     );
 }

src/components/ui/button.tsx

@@ -16,10 +16,11 @@ const buttonVariants = cva(
                     "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
                 secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
                 ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-                dummy: "bg-transparent",
+                dummy: "bg-transparent px-0 py-0 mx-0 my-0",
                 link: "text-primary underline-offset-4 hover:underline",
             },
             size: {
+                none: "",
                 default: "h-9 px-4 py-2 has-[>svg]:px-3",
                 sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
                 lg: "h-10 rounded-md px-6 has-[>svg]:px-4",