chore: fix icones

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

@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { isUserAuthenticated, getProductById, getMediaUrl } from "../../api/api";
 import type { Product } from "../../api/api";
-import { Trash2, ShoppingCart, AlertTriangle } from "lucide-react";
+import { Trash2, ShoppingCart, AlertTriangle, Leaf, X } from "lucide-react";
 import "./Cart.css";
 
 interface CartItemWithMedia {
@@ -169,18 +169,9 @@ function Cart() {
                                                 />
                                             ) : (
                                                 <div className="cart-row-img-placeholder">
-                                                    <i className="fas fa-leaf"></i>
+                                                    <Leaf size={20} />
                                                 </div>
                                             )}
-                                            {(item as CartItemWithMedia).hasVideo && (item as CartItemWithMedia).videoUrl && (
-                                                <button
-                                                    className="cart-row-video-badge"
-                                                    onClick={(e) => { e.stopPropagation(); setCurrentVideoUrl((item as CartItemWithMedia).videoUrl!); setShowVideo(true); }}
-                                                    aria-label="Voir la vidéo"
-                                                >
-                                                    <i className="fas fa-camera"></i>
-                                                </button>
-                                            )}
                                         </div>
 
                                         {/* Infos */}
@@ -247,7 +238,7 @@ function Cart() {
                 <div className="video-modal" onClick={() => { setShowVideo(false); setCurrentVideoUrl(""); }}>
                     <div className="video-modal-content" onClick={(e) => e.stopPropagation()}>
                         <button className="video-close-btn" onClick={() => { setShowVideo(false); setCurrentVideoUrl(""); }}>
-                            <i className="fas fa-times"></i>
+                            <X size={18} />
                         </button>
                         <video src={currentVideoUrl} controls autoPlay className="video-player">
                             Votre navigateur ne supporte pas la lecture de vidéos.

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

@@ -24,6 +24,8 @@ import {
     Mail,
     CreditCard,
     ShoppingBag,
+    Camera,
+    X,
 } from "lucide-react";
 
 interface OrderProduct {
@@ -622,7 +624,7 @@ function OrderDetails() {
                                                             }}
                                                             aria-label="Voir la vidéo du produit"
                                                         >
-                                                            <i className="fas fa-camera"></i>
+                                                            <Camera size={14} />
                                                             <span>Vidéo</span>
                                                         </button>
                                                     )}
@@ -767,7 +769,7 @@ function OrderDetails() {
                                 onClick={handleCloseVideo}
                                 aria-label="Fermer la vidéo"
                             >
-                                <i className="fas fa-times"></i>
+                                <X size={18} />
                             </button>
                             <video
                                 src={currentVideoUrl}