make some fun components for rich text and events 🎷

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

@@ -53,7 +53,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
 
   return (
     <main className="site-main" id="main">
-      <section className="page-header textOnly">
+      <section className="page-header">
         <h1>Et enkeltarrangement</h1>
         <p>!!</p>
       </section>

web/src/app/arrangementer/page.tsx

@@ -1,5 +1,6 @@
 import { gql } from "@apollo/client";
 import { getClient } from "@/app/client";
+import { EventList } from "@/components/events/EventList";
 
 export default async function Page() {
   const query = gql(`
@@ -23,7 +24,7 @@ export default async function Page() {
 
   return (
     <main className="site-main" id="main">
-      <section className="page-header textOnly">
+      <section className="page-header">
         <h1>Arrangementer</h1>
         <p>woo</p>
       </section>
@@ -34,6 +35,7 @@ export default async function Page() {
           ))}
         </section>
       )}
+      <EventList />
     </main>
   );
 }