minor design stuff, style front page info block and add more circle headings

web/src/components/events/FeaturedEvents.tsx

@@ -4,10 +4,18 @@ import styles from "./featuredEvents.module.scss";
 
 export const FeaturedEvents = ({ events }: { events: EventFragment[] }) => {
   return (
-    <ul className={styles.eventList}>
-      {events.slice(0, 3).map((event) => (
-        <EventItem key={event.id} event={event} mode="list" />
-      ))}
-    </ul>
+    <section>
+      <h2 className="circlehead">
+        <span className="circle"></span>
+        <span className="circle"></span>
+        <span className="circle"></span>
+        Arrangementer
+      </h2>
+      <ul className={styles.eventList}>
+        {events.slice(0, 3).map((event) => (
+          <EventItem key={event.id} event={event} mode="list" />
+        ))}
+      </ul>
+    </section>
   );
 };