wrap EventContainer in Suspense

web/src/app/arrangementer/page.tsx

@@ -7,6 +7,7 @@ import {
   EventOccurrence,
 } from "@/lib/event";
 import { PageHeader } from "@/components/general/PageHeader";
+import { Suspense } from "react";
 
 export default async function Page() {
   const { data, error } = await getClient().query(allEventsQuery, {});
@@ -16,7 +17,9 @@ export default async function Page() {
   return (
     <main className="site-main" id="main">
       <PageHeader heading="Dette skjer på Chateau Neuf" />
-      <EventContainer events={events} eventCategories={eventCategories} />
+      <Suspense>
+        <EventContainer events={events} eventCategories={eventCategories} />
+      </Suspense>
     </main>
   );
 }