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/page.tsx

@@ -2,6 +2,7 @@ import NavigationWrapper from "@/components/NavigationWrapper";
 import HeroSection from "@/components/HeroSection";
 import EventsSection from "@/components/EventsSection";
 import { prisma } from "@/lib/prisma";
+import { getBackgroundImage } from "@/lib/preferences";
 
 export const dynamic = "force-dynamic";
 
@@ -19,10 +20,13 @@ export default async function Home() {
     date: event.date.toISOString(),
   }));
 
+  // Récupérer l'image de fond côté serveur
+  const backgroundImage = await getBackgroundImage("home", "/got-2.jpg");
+
   return (
     <main className="min-h-screen bg-black relative">
       <NavigationWrapper />
-      <HeroSection />
+      <HeroSection backgroundImage={backgroundImage} />
       <EventsSection events={serializedEvents} />
     </main>
   );