fix link to product details

package.json

@@ -27,7 +27,6 @@
     "axios-mock-adapter": "^1.22.0",
     "chart.js": "^4.4.3",
     "date-fns": "^3.6.0",
-    "chart.js": "^4.4.3",
     "cloudinary": "^2.2.0",
     "cloudinary-core": "^2.13.1",
     "dotenv": "^16.4.5",

src/components/Popular/Item.tsx

@@ -8,7 +8,10 @@ interface MostPopularItemProps {
 function SingleItem({ product }: MostPopularItemProps) {
   const navigate = useNavigate();
   return (
-    <div onClick={()=> navigate(`product-details/${product.id}`)} className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5">
+    <div
+      onClick={() => navigate(`product-details/${product.id}`)}
+      className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5"
+    >
       <div className=" flex flex-row items-center justify-center h-20 w-20 ">
         <img
           src={product.image}