fix: rename coming-soon classes to avoid CSS conflict with ProductCard

ProductCard.css also defines .coming-soon-overlay with rotate(-15deg)
causing the diagonal display. Renamed category-level classes to
category-cs-overlay/text/desc to isolate them from product card styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

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

@@ -179,9 +179,9 @@ function UserAccueil() {
                 </div>
 
                 {isSelectedComingSoon ? (
-                    <div className="coming-soon-overlay">
+                    <div className="category-cs-overlay">
-                        <span className="coming-soon-text">Prochainement</span>
+                        <span className="category-cs-text">Prochainement</span>
-                        <p className="coming-soon-desc">
+                        <p className="category-cs-desc">
                             Les produits de cette catégorie arrivent bientôt !
                         </p>
                     </div>

frontend-prep/src/pages/User/UserAccueil.css

@@ -20,7 +20,7 @@
 }
 
 /* ===== COMING SOON OVERLAY ===== */
-.coming-soon-overlay {
+.category-cs-overlay {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -30,7 +30,7 @@
     gap: 16px;
 }
 
-.coming-soon-text {
+.category-cs-text {
     font-size: clamp(1.6rem, 5vw, 2rem);
     font-weight: 400;
     color: #8e8fe8;
@@ -41,7 +41,7 @@
     animation: pulse-scale 4s ease-in-out infinite;
 }
 
-.coming-soon-desc {
+.category-cs-desc {
     font-size: 1rem;
     color: rgba(142, 143, 232, 0.7);
     text-align: center;