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

frontend/src/hooks/useMaterials.ts

@@ -0,0 +1,23 @@
+// ============================================================
+// hooks مواد (کالاها) — دسته‌ی جدید هم یک material است
+// ============================================================
+
+import { useMutation } from "@tanstack/react-query";
+import type { Material } from "../lib/types";
+import { api } from "../lib/api";
+import { useAppStore } from "../store";
+import { useInvalidateStore } from "./useStoreData";
+
+export function useMaterials(): Material[] {
+  return useAppStore((s) => s.materials);
+}
+
+export function useAddMaterial() {
+  const addMaterial = useAppStore((s) => s.addMaterial);
+  const invalidate = useInvalidateStore();
+  return useMutation({
+    mutationFn: (m: Material) => api.materials.create(m),
+    onMutate: (m) => addMaterial(m),
+    onSettled: () => invalidate(),
+  });
+}