feat: Reels plein écran mobile + MediaUploader dans l'admin

src/app/admin/carbets/[id]/page.tsx

@@ -7,7 +7,7 @@ import {
 } from "@/lib/admin/carbets";
 import { CarbetForm } from "../_components/CarbetForm";
 import { StatusBadge } from "@/components/admin/StatusBadge";
-import { MediaManager } from "./_components/MediaManager";
+import { MediaUploader } from "@/components/MediaUploader";
 import { StatusActions } from "./_components/StatusActions";
 import { updateCarbetAction } from "../actions";
 
@@ -61,16 +61,21 @@ export default async function EditCarbetPage({ params }: PageProps) {
         </div>
       </header>
 
-      <MediaManager
-        carbetId={carbet.id}
-        media={carbet.media.map((m) => ({
-          id: m.id,
-          type: m.type,
-          s3Key: m.s3Key,
-          s3Url: m.s3Url,
-          sortOrder: m.sortOrder,
-        }))}
-      />
+      <section className="mb-6 rounded-lg border border-zinc-200 bg-white p-5 shadow-sm">
+        <h2 className="mb-3 text-sm font-semibold uppercase tracking-wider text-zinc-500">
+          Médias
+        </h2>
+        <MediaUploader
+          carbetId={carbet.id}
+          initialMedia={carbet.media.map((m) => ({
+            id: m.id,
+            type: m.type,
+            s3Key: m.s3Key,
+            s3Url: m.s3Url,
+            sortOrder: m.sortOrder,
+          }))}
+        />
+      </section>
 
       <CarbetForm
         owners={owners}