test if works or revert

frontend/src/hooks/useFeatureFlag.ts

@@ -0,0 +1,24 @@
+import { useMemo } from 'react';
+import { useSettingsStore } from '../store/settingsStore';
+
+// Simple client-side feature flag hook backed by accountSettings
+export function useFeatureFlag(key: string): boolean {
+  const accountSettings = useSettingsStore((s) => s.accountSettings);
+  const setting = accountSettings?.[key];
+  const enabled = useMemo(() => {
+    if (!setting || !setting.config) return false;
+    try {
+      // Expect config to be boolean or { enabled: boolean }
+      if (typeof setting.config === 'boolean') return Boolean(setting.config);
+      if (typeof setting.config === 'object' && setting.config !== null && 'enabled' in setting.config) {
+        return Boolean((setting.config as any).enabled);
+      }
+      return Boolean(setting.config);
+    } catch {
+      return false;
+    }
+  }, [setting]);
+  return enabled;
+}
+
+