feat: fixes

components/product-card/ProductCard.jsx

@@ -30,9 +30,9 @@ const ProductCard = ({ product }) => {
           passHref
         >
           <Image
-            src="/images/product-card-image.jpg"
+            src={product.image}
             alt="product image"
-            width={630}
+            width={500}
             height={390}
           />
         </NextLink>
@@ -54,7 +54,9 @@ const ProductCard = ({ product }) => {
           {product.name}
         </Typography>
         <Typography
-          sx={{ height: { xs: '200px', sm: '250px', md: '200px' } }}
+          sx={{
+            height: { xs: '200px', sm: '250px', md: '250px', lg: '200px' },
+          }}
           align="center"
           fontSize="18px"
           m={2}

components/review-content/ReviewContent.jsx

@@ -129,7 +129,7 @@ const ReviewContent = () => {
           }}
         >
           <Typography sx={{ fontSize: 18, fontWeight: 600 }}>
-            Total: ${orderData?.totalPrice.toFixed(2)}
+            Total: ${orderData?.totalPrice}
           </Typography>
         </Box>
         <Box