feat: add selectable interface and code fonts (10 for each)

Adds separate UI and code font choices in settings
Applies font changes immediately
Lazy-loads selected remote fonts

packages/ui/src/hooks/useFontPreferences.ts

@@ -1,4 +1,5 @@
 import type { MonoFontOption, UiFontOption } from '@/lib/fontOptions';
+import { useUIStore } from '@/stores/useUIStore';
 
 interface FontPreferences {
     uiFont: UiFontOption;
@@ -6,8 +7,11 @@ interface FontPreferences {
 }
 
 export const useFontPreferences = (): FontPreferences => {
+    const uiFont = useUIStore(state => state.uiFont);
+    const monoFont = useUIStore(state => state.monoFont);
+
     return {
-        uiFont: 'ibm-plex-sans',
-        monoFont: 'ibm-plex-mono',
+        uiFont,
+        monoFont,
     };
 };