Fix performance related to having 100s of requests (#123)

src-web/hooks/useSyncFontSizeSetting.ts

@@ -0,0 +1,16 @@
+import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow';
+import { useEffect } from 'react';
+import { useSettings } from './useSettings';
+
+export function useSyncFontSizeSetting() {
+  const settings = useSettings();
+  useEffect(() => {
+    if (settings == null) {
+      return;
+    }
+
+    const { interfaceScale, editorFontSize } = settings;
+    getCurrentWebviewWindow().setZoom(interfaceScale).catch(console.error);
+    document.documentElement.style.setProperty('--editor-font-size', `${editorFontSize}px`);
+  }, [settings]);
+}