Move fonts to settings

src/renderer/features/settings/components/general-tab.tsx

@@ -5,24 +5,37 @@ import { THEME_DATA } from '@/renderer/hooks';
 import { useSettingsStore } from '@/renderer/store/settings.store';
 import { AppTheme } from '@/renderer/themes/types';
 
+const FONT_OPTIONS = [
+  { label: 'AnekTamil', value: 'AnekTamil' },
+  { label: 'Archivo', value: 'Archivo' },
+  { label: 'Cormorant', value: 'Cormorant' },
+  { label: 'Circular STD', value: 'Circular STD' },
+  { label: 'Didact Gothic', value: 'Didact Gothic' },
+  { label: 'DM Sans', value: 'DM Sans' },
+  { label: 'Encode Sans', value: 'Encode Sans' },
+  { label: 'Epilogue', value: 'Epilogue' },
+  { label: 'Gotham', value: 'Gotham' },
+  { label: 'Hahmlet', value: 'Hahmlet' },
+  { label: 'Inconsolata', value: 'Inconsolata' },
+  { label: 'Inter', value: 'Inter' },
+  { label: 'JetBrains Mono', value: 'JetBrainsMono' },
+  { label: 'Manrope', value: 'Manrope' },
+  { label: 'Montserrat', value: 'Montserrat' },
+  { label: 'Oswald', value: 'Oswald' },
+  { label: 'Oxygen', value: 'Oxygen' },
+  { label: 'Poppins', value: 'Poppins' },
+  { label: 'Raleway', value: 'Raleway' },
+  { label: 'Roboto', value: 'Roboto' },
+  { label: 'Sora', value: 'Sora' },
+  { label: 'Spectral', value: 'Spectral' },
+  { label: 'Work Sans', value: 'Work Sans' },
+];
+
 export const GeneralTab = () => {
   const settings = useSettingsStore((state) => state.general);
   const update = useSettingsStore((state) => state.setSettings);
 
   const options = [
-    {
-      control: <Select disabled data={[]} />,
-      description: 'Sets the application language',
-      isHidden: false,
-      title: 'Language',
-    },
-
-    {
-      control: <Select disabled data={[]} />,
-      description: 'Sets the default font',
-      isHidden: false,
-      title: 'Font',
-    },
     {
       control: (
         <Select disabled data={['Windows', 'macOS']} defaultValue="Windows" />
@@ -31,6 +44,52 @@ export const GeneralTab = () => {
       isHidden: false,
       title: 'Titlebar style',
     },
+    {
+      control: <Select disabled data={[]} />,
+      description: 'Sets the application language',
+      isHidden: false,
+      title: 'Language',
+    },
+    {
+      control: (
+        <Select
+          data={FONT_OPTIONS}
+          defaultValue={settings.fontContent}
+          onChange={(e) => {
+            if (!e) return;
+            update({
+              general: {
+                ...settings,
+                fontContent: e,
+              },
+            });
+          }}
+        />
+      ),
+      description: 'Sets the application content font',
+      isHidden: false,
+      title: 'Font (Content)',
+    },
+    {
+      control: (
+        <Select
+          data={FONT_OPTIONS}
+          defaultValue={settings.fontHeader}
+          onChange={(e) => {
+            if (!e) return;
+            update({
+              general: {
+                ...settings,
+                fontHeader: e,
+              },
+            });
+          }}
+        />
+      ),
+      description: 'Sets the application header font',
+      isHidden: false,
+      title: 'Font (Header)',
+    },
   ];
 
   const themeOptions = [