add default on no image

src/components/ProductList/ProductList.jsx

 import { useSelector, useDispatch } from "react-redux";
 import { fetchProducts } from "../../redux/slices/productSlice";
 import { useNavigate } from "react-router-dom";
+import defaultImage from "../../assets/images/default.png"
 
 //UTIL FUNCTION
 function getAllTags(data) {
             let minPriceCurrency = minVariantPrice.currencyCode;
             let maxPrice = maxVariantPrice.amount;
             let maxPriceCurrency = maxVariantPrice.currencyCode;
-            let img_url = images[0]?.url;
+            let img_url = images[0]?.url || defaultImage;
             let collection_name = collections[0]?.title;
 
             if (index < size) {

src/components/ProductSelected/ProductSelected.jsx

 
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import defaultImage from "../../assets/images/default.png"
 
 const ProductSelected = () => {
 
             let maxPrice = maxVariantPrice.amount
             let maxPriceCurrency = maxVariantPrice.currencyCode
 
-            let img_url = images[0]?.url
+            let img_url = images[0]?.url || defaultImage
             let collection_name = collections[0]?.title
 
             return (