start splitting up event list

web/src/app/page.tsx

@@ -1,7 +1,7 @@
 import { graphql } from "@/gql";
 import { EventFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
-import { EventList } from "@/components/events/EventList";
+import { FeaturedEvents } from "@/components/events/FeaturedEvents";
 import { Body } from "@/components/general/Body";
 import Image from "next/image";
 import { PersonList } from "@/components/people/PersonList";
@@ -21,7 +21,7 @@ export default async function Home() {
   return (
     <main className="site-main" id="main">
       <div>
-        <EventList events={events} />
+        <FeaturedEvents events={events} />
         <blockquote>«Hvor Glæden hersker, er alltid Fest»</blockquote>
         <NewsList />
         <div>