chore: fix

frontend-prep/src/App.css

@@ -7,10 +7,6 @@ html, body, #root {
   overflow-x: hidden;
 }
 
-/* Ne pas forcer de backgroundColor global pour permettre à login d'avoir son propre style */
-body, html {
-  background-color: transparent !important;
-}
 
 #root {
   width: 100%;

frontend-prep/src/api/api.ts

@@ -2010,7 +2010,10 @@ export const updateMyProfile = async (fields: {
 // 🤖 TELEGRAM
 // ============================================
 
-export const getTelegramStatus = async (): Promise<{ linked: boolean; enabled: boolean }> => {
+export const getTelegramStatus = async (): Promise<{
+    linked: boolean;
+    enabled: boolean;
+}> => {
     const token = getAuthToken();
     if (!token) return { linked: false, enabled: false };
     try {
@@ -2048,5 +2051,7 @@ export const unlinkTelegram = async (): Promise<void> => {
             method: "DELETE",
             headers: { Authorization: `Bearer ${token}` },
         });
-    } catch { /* silencieux */ }
+    } catch {
+        /* silencieux */
+    }
 };

frontend-prep/src/index.css

@@ -16,12 +16,38 @@
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  /* Empêcher le zoom sur les inputs pour iOS */
   font-size: 16px;
+
+  --bg:            #09090b;
+  --surface:       #111115;
+  --surface-2:     #1c1c22;
+  --border:        rgba(255, 255, 255, 0.07);
+  --primary:       #8b5cf6;
+  --primary-soft:  rgba(139, 92, 246, 0.12);
+  --primary-glow:  rgba(139, 92, 246, 0.25);
+  --cyan:          #22d3ee;
+  --cyan-soft:     rgba(34, 211, 238, 0.1);
+  --red:           #ef4444;
+  --text:          #f4f4f5;
+  --text-muted:    #71717a;
+  --radius:        10px;
+  --transition:    0.22s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 [data-theme="light"] {
   color-scheme: light;
+  --bg:           #f4f4f8;
+  --surface:      #ffffff;
+  --surface-2:    #ebebf2;
+  --border:       rgba(0, 0, 0, 0.08);
+  --primary:      #7c3aed;
+  --primary-soft: rgba(124, 58, 237, 0.08);
+  --primary-glow: rgba(124, 58, 237, 0.18);
+  --cyan:         #0891b2;
+  --cyan-soft:    rgba(8, 145, 178, 0.1);
+  --red:          #dc2626;
+  --text:         #18181b;
+  --text-muted:   #52525b;
 }
 
 html, body {

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

@@ -122,10 +122,11 @@ function Checkout() {
     if (savedAddress) setAddress(savedAddress);
     if (savedPhone)   setPhone(savedPhone);
 
-    // Pré-remplir nom depuis le backend
+    // Pré-remplir nom/prénom depuis le backend
     getMyProfile().then((res) => {
       if (res.success && res.client) {
         if (res.client.nom) setLastName(res.client.nom);
+        if (res.client.prenom) setFirstName(res.client.prenom);
       }
     });
   }, []);