add TS + implement upload profilePicture

src/pages/Home/components/EventList/eventList.jsx

@@ -4,33 +4,32 @@ import EventItem from "./eventItem.jsx";
 import { EventContext } from "../../../../contexts/events/EventContext.js";
 import { useContext } from "react";
 
-
 function EventList() {
-
-    const { events } = useContext(EventContext);
+    // Utilise une valeur par défaut pour `events` si elle est `undefined`
+    const { events = [] } = useContext(EventContext);
 
     const sortedEvents = useMemo(() => {
+        // Vérifie explicitement que `events` est un tableau avant de trier
+        if (!Array.isArray(events)) return [];
         return [...events].sort(
             (a, b) => new Date(a.start) - new Date(b.start)
         );
     }, [events]);
 
-
     return (
         <div className={`${styles.glassCard} glassCard`}>
-                <h2>Liste des événements à venir</h2>
-                {sortedEvents.length > 0 ? (
-                    <div className={styles.eventList}>
-                        {sortedEvents.map((eventGroup, index) => (
-                            <EventItem eventGroup={eventGroup} key={index} />
-                        ))}
-                    </div>
-                ) : (
-                    <p>Aucun événement planifié pour l'instant.</p>
-                )}
+            <h2>Liste des événements à venir</h2>
+            {sortedEvents.length > 0 ? (
+                <div className={styles.eventList}>
+                    {sortedEvents.map((eventGroup, index) => (
+                        <EventItem eventGroup={eventGroup} key={index} />
+                    ))}
+                </div>
+            ) : (
+                <p>Aucun événement planifié pour l'instant.</p>
+            )}
         </div>
-
     );
 }
 
-export default EventList;
+export default EventList;