feat(frontend): add React UI — procurement office, wizard, suppliers, inventory panel (dash port), role-based login

frontend/src/hooks/useStoreData.ts

@@ -0,0 +1,32 @@
+// ============================================================
+// پایه‌ی داده: یک query واحد که کل store را لود می‌کند
+// ============================================================
+
+import { useEffect } from "react";
+import { useCallback } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { api } from "../lib/api";
+import { useAppStore } from "../store";
+
+export const STORE_KEY = ["store"] as const;
+
+// یک بار در ریشه‌ی برنامه صدا زده می‌شود: لود + mirror در Zustand
+export function useStoreData(): void {
+  const setData = useAppStore((s) => s.setData);
+  const { data } = useQuery({
+    queryKey: STORE_KEY,
+    queryFn: () => api.listAll(),
+    staleTime: Infinity,
+  });
+  useEffect(() => {
+    if (data) setData(data);
+  }, [data, setData]);
+}
+
+// بعد از هر mutation برای همگرایی با حقیقت
+export function useInvalidateStore(): () => void {
+  const qc = useQueryClient();
+  return useCallback(() => {
+    void qc.invalidateQueries({ queryKey: STORE_KEY });
+  }, [qc]);
+}