lots more icons to do but

apps/web/src/components/theme-toggle.tsx

@@ -1,9 +1,10 @@
 "use client";
 
 import { Button } from "./ui/button";
-import { Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 import { cn } from "@/utils/ui";
+import { Sun03Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
 
 interface ThemeToggleProps {
 	className?: string;
@@ -28,7 +29,7 @@ export function ThemeToggle({
 				onToggle?.(e);
 			}}
 		>
-			<Sun className={cn("!size-[1.1rem]", iconClassName)} />
+			<HugeiconsIcon icon={Sun03Icon} className={cn("!size-[1.1rem]", iconClassName)} />
 			<span className="sr-only">{theme === "dark" ? "Light" : "Dark"}</span>
 		</Button>
 	);