tweak upcoming design, use bgpig on event pages

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

@@ -5,6 +5,7 @@ import { Blocks } from "@/components/blocks/Blocks";
 import Image from "@/components/general/Image";
 import { EventHeader } from "@/components/events/EventHeader";
 import { DateList } from "@/components/events/DateList";
+import { BgPig } from "@/components/general/BgPig";
 
 export async function generateStaticParams() {
   const allEventSlugsQuery = graphql(`
@@ -37,7 +38,6 @@ export default async function Page({ params }: { params: { slug: string } }) {
     }
   `);
 
-
   const { data, error } = await getClient().query(eventBySlugQuery, {
     slug: params.slug,
   });
@@ -45,12 +45,15 @@ export default async function Page({ params }: { params: { slug: string } }) {
   const event = (data?.event ?? {}) as EventFragment;
 
   return (
-    <main className="site-main" id="main">
-      <EventHeader event={event} />
-      <section className="page-content">
-        <DateList />
-        <Blocks blocks={event.body} />
-      </section>
-    </main>
+    <>
+      <main className="site-main" id="main">
+        <EventHeader event={event} />
+        <section className="page-content">
+          <DateList />
+          <Blocks blocks={event.body} />
+        </section>
+      </main>
+      <BgPig type="dance" color="white" />
+    </>
   );
 }