add image lazy load

src/components/ProductList/ProductList.jsx

@@ -193,13 +193,15 @@ const ProductList = ({ size = 99999 }) => {
             position: "relative",
             cursor: "pointer",
           }}
-          onClick={()=>{
+          onClick={() => {
             navigate(`/products/${handle}`)
           }}
         >
+
           <img
             src={img_url}
             alt={title}
+            loading="lazy"
             style={{
               width: "100%",
               aspectRatio: "3 / 4",
@@ -208,6 +210,7 @@ const ProductList = ({ size = 99999 }) => {
             }}
           />
 
+
           {selected && (
             <Button
               sx={{
@@ -289,7 +292,7 @@ const ProductList = ({ size = 99999 }) => {
             >
               {`${minDiscountPriceCurrency} ${parseFloat(minDiscountPrice).toFixed(2)}`}
             </Typography>}
-            
+
 
           </Box>
         </Box>