refactor(directory): use constants to adapt github actions

directory/src/state/background.js

@@ -1,19 +0,0 @@
-import { useCallback } from 'react';
-import { atom, useAtom } from 'jotai';
-
-const backgroundsAtom = atom([]);
-
-export function useBackgrounds() {
-  const [backgrounds, setBackgrounds] = useAtom(backgroundsAtom);
-
-  const fetchBackgrounds = useCallback(async () => {
-    const res = await fetch('/_assets/backgrounds.json')
-    const data = await res.json()
-    setBackgrounds(data)
-  }, [setBackgrounds])
-
-  return {
-    backgrounds,
-    fetchBackgrounds
-  };
-}

directory/src/state/config.js

@@ -1,31 +1,14 @@
-import { useCallback } from 'react';
-import { atom, useAtom } from 'jotai';
+import CONFIG from '#/directory.json';
 
-const configAtom = atom([]);
-const operatorsAtom = atom([]);
-const versionAtom = atom({});
+let operators = []
+CONFIG.operators.forEach((item) => {
+  operators = [...operators, ...item]
+});
+const OPERATORS = operators;
 
 export function useConfig() {
-  const [config, setConfig] = useAtom(configAtom);
-  const [version, setVersion] = useAtom(versionAtom);
-  const [operators, setOperators] = useAtom(operatorsAtom);
-
-  const fetchConfig = useCallback(async () => {
-    const res = await fetch('/_assets/directory.json')
-    const data = await res.json()
-    setConfig(data);
-    let operatorsList = []
-    data.operators.forEach((item) => {
-      operatorsList = [...operatorsList, ...item]
-    })
-    setOperators(operatorsList)
-  }, [setConfig, setOperators])
-
-  const fetchVersion = useCallback(async () => {
-    const res = await fetch('/_assets/version.json')
-    const data = await res.json()
-    setVersion(data);
-  }, [setVersion])
-
-  return { config, version, operators, fetchConfig, fetchVersion };
+  const config = CONFIG;
+  const operators = OPERATORS;
+  
+  return { config, operators };
 }