add upcoming events component

web/src/app/page.tsx

@@ -7,6 +7,7 @@ import Image from "next/image";
 import { PersonList } from "@/components/people/PersonList";
 import { NewsList } from "@/components/news/NewsList";
 import { PersonSection } from "@/components/people/PersonSection";
+import { UpcomingEvents } from "@/components/events/UpcomingEvents";
 
 export default async function Home() {
   const homeQuery = graphql(`
@@ -23,6 +24,7 @@ export default async function Home() {
     <main className="site-main" id="main">
       <div>
         <FeaturedEvents events={events} />
+        <UpcomingEvents events={events} />
         <blockquote>«Hvor Glæden hersker, er alltid Fest»</blockquote>
         <PersonSection heading="Styret" />
         <PersonSection heading="Administrasjonen" />