Refactor page components to use NavigationWrapper and integrate Prisma for data fetching. Update EventsSection and LeaderboardSection to accept props for events and leaderboard data, enhancing performance and user experience. Implement user authentication in ProfilePage and AdminPage, ensuring secure access to user data.

components/EventsSection.tsx

@@ -1,41 +1,14 @@
-"use client";
-
-import { useEffect, useState } from "react";
-
 interface Event {
   id: string;
   date: string;
   name: string;
 }
 
-export default function EventsSection() {
-  const [events, setEvents] = useState<Event[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    fetch("/api/events")
-      .then((res) => res.json())
-      .then((data) => {
-        // Prendre seulement les 3 premiers événements pour la section d'accueil
-        setEvents(data.slice(0, 3));
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.error("Error fetching events:", err);
-        setLoading(false);
-      });
-  }, []);
-
-  if (loading) {
-    return (
-      <section className="w-full bg-gray-950 border-t border-pixel-gold/30 py-16">
-        <div className="max-w-7xl mx-auto px-8 text-center text-pixel-gold">
-          Chargement...
-        </div>
-      </section>
-    );
-  }
+interface EventsSectionProps {
+  events: Event[];
+}
 
+export default function EventsSection({ events }: EventsSectionProps) {
   if (events.length === 0) {
     return null;
   }