suppression de css inutile et optimisation de css

src/pages/Home/components/Calendar/Calendar.jsx

@@ -138,10 +138,10 @@ Calendar() {
 
                         {selectedDay.events.length > 0 ? (
                             <ul>
-                                {selectedDay.events.map(ev => (
+                                {selectedDay.events.map(event => (
-                                    <li key={ev.id}>
+                                    <li key={event.id}>
-                                        <strong>{ev.name}</strong><br/>
+                                        <strong>{event.name}</strong><br/>
-                                        {ev.description}
+                                        - {event.description}
                                     </li>
                                 ))}
                             </ul>
@@ -150,7 +150,7 @@ Calendar() {
                         )}
                     </div>
                 )}
-                <div className={`${styles.exportbox} glassBorder`}>
+                <div className={styles.exportbox}>
                     <ExportBtn />
                 </div>
             </div>

src/pages/Home/components/Calendar/Calendar.module.css

@@ -133,15 +133,6 @@
     margin: 16px 0 16px 0;
     padding: 10px 20px 10px 20px;
     height: fit-content;
-    background: rgba(255, 255, 255, 0.65);
-    backdrop-filter: blur(3px);
-    -webkit-backdrop-filter: blur(3px);
-    border-radius: 20px;
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1),
-    inset 0 1px 0 rgba(255, 255, 255, 0.5),
-    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
-    inset 0 0 8px 4px rgba(255, 255, 255, 0.4);
     overflow: scroll;
 
 }
@@ -151,18 +142,12 @@
 }
 
 .exportbox{
-    width: 100%;
+    padding-top: 10px;
-    padding: 15px;
-    margin-top: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
 }
 
 .exportbtn {
     display: flex;
     align-items: center;
-    max-height: 30px;
 }
 
 

src/pages/Home/components/EventList/EventList.module.css

@@ -4,15 +4,6 @@
     margin: 16px 0 16px 0;
     padding: 10px 20px 10px 20px;
     height: fit-content;
-    background: rgba(255, 255, 255, 0.65);
-    backdrop-filter: blur(3px);
-    -webkit-backdrop-filter: blur(3px);
-    border-radius: 20px;
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1),
-    inset 0 1px 0 rgba(255, 255, 255, 0.5),
-    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
-    inset 0 0 8px 4px rgba(255, 255, 255, 0.4);
     overflow: scroll;
 }
 
@@ -67,15 +58,6 @@ h2{
     font-weight: bold;
 }
 
-.eventTasks {
-    list-style: none;
-    margin: 10px;
-}
-
-.taskDate{
-    font-size: 13px;
-}
-
 @media (max-width: 768px) {
     .glassCard {
         width: 100%;