Feature: Implement "Add a Variant" Button

package.json

@@ -67,6 +67,7 @@
     "react-email": "2.1.5",
     "react-hook-form": "^7.52.2",
     "react-paginate": "^8.2.0",
+    "react-toastify": "^10.0.5",
     "recharts": "^2.12.7",
     "sharp": "^0.33.4",
     "swiper": "^11.1.9",

src/app/dashboard/(user-dashboard)/products/_components/new-product-modal.tsx

@@ -1,4 +1,5 @@
 // components/admin/NewProductModal.tsx
+
 import { zodResolver } from "@hookform/resolvers/zod";
 import { AnimatePresence, motion } from "framer-motion";
 import { Loader, X } from "lucide-react";

src/app/dashboard/(user-dashboard)/products/_components/product-detail-modal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { AnimatePresence, motion } from "framer-motion";
 import { Loader2, X } from "lucide-react";
 import { useRouter } from "next-nprogress-bar";