refactor(theme): use useSyncExternalStore for theme hydration

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

src/components/core/ThemeChanger.tsx

@@ -1,14 +1,14 @@
 "use client";
 import { useTheme } from "@wrksz/themes/client";
-import { useEffect, useState } from "react";
+import { useSyncExternalStore } from "react";
 
 export const ThemeChanger = () => {
   const { theme, setTheme } = useTheme();
-  const [mounted, setMounted] = useState(false);
+  const mounted = useSyncExternalStore(
-
+    () => () => undefined,
-  useEffect(() => {
+    () => true,
-    setMounted(true);
+    () => false,
-  }, []);
+  );
 
   if (!mounted) {
     return <p>Loading theme...</p>;