use event context in IncompleteEvent component

src/pages/Admin/components/IncompleteEvent/IncompleteEvent.jsx

@@ -1,32 +1,10 @@
-import React, { useState, useEffect } from "react";
+import React, { useContext } from "react";
 import styles from "./IncompleteEvent.module.css";
-import getAllEvents from "../../../../utils/events/getAllEvents.js";
+import { EventContext } from "../../../../contexts/events/EventContext.js";
 
 function IncompleteEvent() {
-  const [events, setEvents] = useState([]);
-  const [loading, setLoading] = useState(true);
 
-  useEffect(() => {
-    const fetchEvents = async () => {
-      const data = await getAllEvents();
-      setEvents(data?.data || data || []);
-      setLoading(false);
-    };
-    fetchEvents();
-  }, []);
-
-  if (loading) {
-    return (
-      <div className={`${styles.rightBlock} glassCard`}>
-        <h2>Derniers événements</h2>
-        <div className={styles.eventsContainer}>
-          <div className={`${styles.emptyEvent} glassCard`}>
-            <p>Chargement des événements...</p>
-          </div>
-        </div>
-      </div>
-    );
-  }
+    const { events } = useContext(EventContext);
 
     return (
         <div className={`${styles.rightBlock} glassCard`}>