fix: Mise à jour des upcomming events

Front-End/src/app/[locale]/admin/page.js

@@ -1,9 +1,17 @@
 'use client';
 import React, { useState, useEffect } from 'react';
 import { useTranslations } from 'next-intl';
-import { Users, Clock, CalendarCheck, School, AlertTriangle, CheckCircle2 } from 'lucide-react';
+import {
+  Users,
+  Clock,
+  CalendarCheck,
+  School,
+  AlertTriangle,
+  CheckCircle2,
+} from 'lucide-react';
 import Loader from '@/components/Loader';
 import StatCard from '@/components/StatCard';
+import EventCard from '@/components/EventCard';
 import logger from '@/utils/logger';
 import {
   fetchRegisterForms,
@@ -15,20 +23,6 @@ import Attendance from '@/components/Grades/Attendance';
 import LineChart from '@/components/Charts/LineChart';
 import PieChart from '@/components/Charts/PieChart';
 
-// Composant EventCard pour afficher les événements
-const EventCard = ({ title, date, description, type }) => (
-  <div className="bg-stone-50 p-4 rounded-lg shadow-sm border border-gray-100 mb-4">
-    <div className="flex items-center gap-3">
-      <CalendarCheck className="text-blue-500" size={20} />
-      <div>
-        <h4 className="font-medium">{title}</h4>
-        <p className="text-sm text-gray-500">{date}</p>
-        <p className="text-sm mt-1">{description}</p>
-      </div>
-    </div>
-  </div>
-);
-
 const mockCompletionRate = 72; // en pourcentage
 
 export default function DashboardPage() {
@@ -39,8 +33,11 @@ export default function DashboardPage() {
   const [upcomingEvents, setUpcomingEvents] = useState([]);
 
   const [absencesToday, setAbsencesToday] = useState([]);
-  const { selectedEstablishmentId, selectedEstablishmentTotalCapacity, apiDocuseal } =
-    useEstablishment();
+  const {
+    selectedEstablishmentId,
+    selectedEstablishmentTotalCapacity,
+    apiDocuseal,
+  } = useEstablishment();
 
   const [statusDistribution, setStatusDistribution] = useState([
     { label: 'Non envoyé', value: 0 },