detail page added

lib/productZustand.ts

@@ -1,5 +1,6 @@
 import { create } from "zustand";
 import { devtools, persist } from "zustand/middleware";
+import type { Product } from "@/lib/products";
 
 interface ProductStore {
   productName: string;
@@ -21,3 +22,22 @@ export const useProductStore = create<ProductStore>()(
     )
   )
 );
+
+interface ProductDetail {
+  product: Product | null;
+  setProducts: (product: Product) => void;
+}
+
+export const useProduct = create<ProductDetail>()(
+  devtools(
+    persist(
+      (set) => ({
+        product: null,
+        setProducts: (product: Product) => set({ product }),
+      }),
+      {
+        name: "product-detail-storage",
+      }
+    )
+  )
+);