Merge pull request #360 from ReDI-School/fix/prodCard

Change shadow effect in the HeaderUserMenu and import in the ProductCard

src/components/HeaderUserMenu/HeaderUserMenu.module.css

@@ -57,7 +57,7 @@
     top: 50px;
     right: 0;
     background-color: #ffffff;   
-    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
+    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px;
     border-radius: 15px;
     overflow: hidden;
     z-index: 1002;

src/components/ProductCard/ProductCard.jsx

@@ -1,12 +1,14 @@
 import { useEffect, useState } from "react";
 import styles from "./ProductCard.module.css";
+import { Link } from "react-router-dom";
 
 const ProductCard = ({ 
   images = [], 
   children, 
   onClick, 
   modalIsVisible, 
-  setModalIsVisible
+  setModalIsVisible,
+  linkTo
 }) => {
   const [currentImageIndex, setCurrentImageIndex] = useState(0);
   const [hovered, setHovered] = useState(false);