show some featured images

web/src/app/arrangementer/[slug]/page.tsx

@@ -2,6 +2,7 @@ import { graphql } from "@/gql";
 import { EventFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
 import { Blocks } from "@/components/blocks/Blocks";
+import Image from "@/components/general/Image";
 
 export async function generateStaticParams() {
   const allEventSlugsQuery = graphql(`
@@ -40,6 +41,15 @@ export default async function Page({ params }: { params: { slug: string } }) {
     <main className="site-main" id="main">
       <section className="page-header">
         <h1>{event.title}</h1>
+        {event.featuredImage && (
+          <Image
+            src={event.featuredImage.url}
+            alt=""
+            width={event.featuredImage.width}
+            height={event.featuredImage.height}
+            sizes="100vw"
+          />
+        )}
       </section>
       <section className="page-content">
         <Blocks blocks={event.body} />

web/src/app/arrangementer/page.tsx

@@ -19,7 +19,9 @@ const EventFragmentDefinition = graphql(`
       }
     }
     featuredImage {
-      src
+      url
+      width
+      height
     }
     facebookUrl
     ticketUrl