Refactor event fetching and display: Change event retrieval order to descending by date, enhance event data structure to include registration counts, and update UI components to reflect these changes for better user experience.

components/EventsPageSection.tsx

@@ -84,11 +84,19 @@ export default function EventsPageSection({
   const [error, setError] = useState<string>("");
   const [currentMonth, setCurrentMonth] = useState(new Date());
 
-  // Séparer les événements
-  const upcomingEvents = events.filter(
-    (e) => e.status === "UPCOMING" || e.status === "LIVE"
-  );
-  const pastEvents = events.filter((e) => e.status === "PAST");
+  // Séparer et trier les événements (du plus récent au plus ancien)
+  const upcomingEvents = events
+    .filter((e) => e.status === "UPCOMING" || e.status === "LIVE")
+    .sort((a, b) => {
+      // Trier par date décroissante (du plus récent au plus ancien)
+      return b.date.localeCompare(a.date);
+    });
+  const pastEvents = events
+    .filter((e) => e.status === "PAST")
+    .sort((a, b) => {
+      // Trier par date décroissante (du plus récent au plus ancien)
+      return b.date.localeCompare(a.date);
+    });
 
   // Créer un map des événements par date pour le calendrier
   const eventsByDate: Record<string, Event[]> = {};