catalog part connected to backend , added empty data and loading component

store/useSubCategory.ts

@@ -0,0 +1,18 @@
+import { SubCategoryType } from "@/lib/types";
+import { create } from "zustand";
+
+interface SubCategoryZustandType {
+  subCategory: SubCategoryType;
+  setSubCategory: (subCategory: SubCategoryType) => void;
+}
+
+const demoSubCategory = {
+  id: 0,
+  name: "",
+  category: 0,
+  image: "",
+};
+export const useSubCategory = create<SubCategoryZustandType>((set) => ({
+  subCategory: demoSubCategory,
+  setSubCategory: (data) => set({}),
+}));