fully responsive event page and components

src/pages/Events/EventsPage.jsx

@@ -222,11 +222,6 @@ function EventsPage(){
 
     return (
         <div className={styles.eventsContainer}>
-            <div className={styles.eventsList}>
-                {sortedEvents.map((event, index) => (
-                    <Event key={index} event={event} />
-                ))}
-            </div>
             <div className={styles.eventsButtons}>
                 <Link
                     to="/event/create"
@@ -244,6 +239,11 @@ function EventsPage(){
                     </div>
                 </div>
             </div>
+            <div className={styles.eventsList}>
+                {sortedEvents.map((event, index) => (
+                    <Event key={index} event={event} />
+                ))}
+            </div>
         </div>
     )
 }