chore: fix icones

frontend-prep/src/components/ProductCard.tsx

@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useCart } from "../context/useCart";
+import { Camera, Info, X } from "lucide-react";
 import "./ProductCard.css";
 
 function getTextColor(hex: string): string {
@@ -139,7 +140,7 @@ function ProductCard({
                             onClick={handleVideoToggle}
                             aria-label="Voir la vidéo du produit"
                         >
-                            <i className="fas fa-camera"></i>
+                            <Camera size={18} />
                         </button>
                     )}
                     {/* ✨ Bouton "Détails" */}
@@ -148,7 +149,7 @@ function ProductCard({
                         onClick={handleDetailsClick}
                         aria-label="Voir les détails du produit"
                     >
-                        <i className="fas fa-info-circle"></i>
+                        <Info size={14} />
                         <span>Détails</span>
                     </button>
                     {isOutOfStock && (
@@ -229,7 +230,7 @@ function ProductCard({
                             onClick={handleCloseVideo}
                             aria-label="Fermer la vidéo"
                         >
-                            <i className="fas fa-times"></i>
+                            <X size={18} />
                         </button>
                         <video
                             src={videoUrl}