chore: add new features

frontend-prep/src/pages/User/Cart.tsx

@@ -11,7 +11,7 @@ import { useCart } from "../../context/CartContext";
 import Navbar from "../../components/Navbar";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { isUserAuthenticated, getProductById } from "../../api/api";
+import { isUserAuthenticated, getProductById, getMediaUrl } from "../../api/api";
 import type { Product } from "../../api/api";
 import { Trash2, ShoppingBag, AlertTriangle } from "lucide-react";
 import "./Cart.css";
@@ -111,7 +111,7 @@ function Cart() {
         for (let i = 0; i < product.media.length; i++) {
             const mediaItem = product.media[i];
             if (mediaItem && mediaItem.type === "image" && mediaItem.url) {
-                return `${mediaItem.url}`;
+                return getMediaUrl(mediaItem.url);
             }
         }
 
@@ -136,7 +136,7 @@ function Cart() {
             (mediaItem) => mediaItem && mediaItem.type === "video",
         );
 
-        return videoMedia?.url ? `${videoMedia.url}` : undefined;
+        return videoMedia?.url ? getMediaUrl(videoMedia.url) : undefined;
     };
 
     // ============================================