refactor: use radix solution

Author: matt-user

packages/ui/src/components/Theme/useTheme.tsx

@@ -1,16 +1,19 @@
 'use client';
 
-import { updateThemeAppearanceClass } from '@radix-ui/themes';
+import { updateThemeAppearanceClass, useThemeContext } from '@radix-ui/themes';
 
 const THEME_KEY = 'fuel-ui-theme';
 
 export function useTheme() {
+  const { appearance: theme, onAppearanceChange } = useThemeContext();
+
   function toggleTheme() {
     const current = localStorage.getItem(THEME_KEY);
     const next = current === 'light' ? 'dark' : 'light';
     updateThemeAppearanceClass(next);
+    onAppearanceChange(next);
     localStorage.setItem(THEME_KEY, next);
   }
 
-  return { theme: localStorage.getItem(THEME_KEY) || 'dark', toggleTheme };
+  return { theme, toggleTheme };
 }