start splitting up event list

web/src/components/events/FeaturedEvents.tsx

@@ -0,0 +1,13 @@
+import { EventFragment } from "@/gql/graphql";
+import { EventItem } from "./EventItem";
+import styles from "./featuredEvents.module.scss";
+
+export const FeaturedEvents = ({ events }: { events: EventFragment[] }) => {
+  return (
+    <ul className={styles.eventList}>
+      {events.map((event) => (
+        <EventItem key={event.id} event={event} />
+      ))}
+    </ul>
+  );
+};