Enhance image upload and background management: Update Docker configuration to create a dedicated backgrounds directory for uploaded images, modify API routes to handle background images specifically, and improve README documentation to reflect these changes. Additionally, refactor components to utilize the new Avatar component for consistent avatar rendering across the application.

app/api/admin/users/[id]/route.ts

@@ -16,7 +16,7 @@ export async function PUT(
 
     const { id } = await params;
     const body = await request.json();
-    const { hpDelta, xpDelta, score, level, role } = body;
+    const { username, avatar, hpDelta, xpDelta, score, level, role } = body;
 
     // Récupérer l'utilisateur actuel
     const user = await prisma.user.findUnique({
@@ -76,12 +76,14 @@ export async function PUT(
       }
     }
 
-    // Appliquer les changements directs (score, level, role)
+    // Appliquer les changements directs (username, avatar, score, level, role)
     const updateData: {
       hp: number;
       xp: number;
       level: number;
       maxXp: number;
+      username?: string;
+      avatar?: string | null;
       score?: number;
       role?: Role;
     } = {
@@ -91,6 +93,48 @@ export async function PUT(
       maxXp: newMaxXp,
     };
 
+    // Validation et mise à jour du username
+    if (username !== undefined) {
+      if (typeof username !== "string" || username.trim().length === 0) {
+        return NextResponse.json(
+          { error: "Le nom d'utilisateur ne peut pas être vide" },
+          { status: 400 }
+        );
+      }
+
+      if (username.length < 3 || username.length > 20) {
+        return NextResponse.json(
+          {
+            error:
+              "Le nom d'utilisateur doit contenir entre 3 et 20 caractères",
+          },
+          { status: 400 }
+        );
+      }
+
+      // Vérifier si le username est déjà pris par un autre utilisateur
+      const existingUser = await prisma.user.findFirst({
+        where: {
+          username: username.trim(),
+          NOT: { id },
+        },
+      });
+
+      if (existingUser) {
+        return NextResponse.json(
+          { error: "Ce nom d'utilisateur est déjà pris" },
+          { status: 400 }
+        );
+      }
+
+      updateData.username = username.trim();
+    }
+
+    // Mise à jour de l'avatar
+    if (avatar !== undefined) {
+      updateData.avatar = avatar || null;
+    }
+
     if (score !== undefined) {
       updateData.score = Math.max(0, score);
     }