misc design progress, more variables, news and event lists, remove old date list, etc

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

@@ -1,7 +1,6 @@
 import { getClient } from "@/app/client";
 import { Blocks } from "@/components/blocks/Blocks";
 import { DateList } from "@/components/events/DateList";
-import { DateListOld } from "@/components/events/DateListOld";
 import { EventHeader } from "@/components/events/EventHeader";
 import { BgPig } from "@/components/general/BgPig";
 import { graphql } from "@/gql";
@@ -57,7 +56,6 @@ export default async function Page({ params }: { params: { slug: string } }) {
         <EventHeader event={event} />
         <section className="pageContent">
           <DateList event={event} />
-          <DateListOld />
           <Blocks blocks={event.body} />
         </section>
       </main>

web/src/app/page.tsx

@@ -6,9 +6,9 @@ import { getClient } from "@/app/client";
 import { FeaturedEvents } from "@/components/events/FeaturedEvents";
 import { NewsList } from "@/components/news/NewsList";
 import { UpcomingEvents } from "@/components/events/UpcomingEvents";
-import { IconListBlock } from "@/components/blocks/IconListBlock";
 import { Pig } from "@/components/general/Pig";
 import Link from "next/link";
+import Icon from "@/components/general/Icon";
 
 const HomeFragmentDefinition = graphql(`
   fragment Home on HomePage {
@@ -67,20 +67,23 @@ export default async function Home() {
             opplevelse
           </p>
           <Link href="/praktisk#adkomst" className="button">
-            Adresse og adkomst &rarr;
+            <span>Adresse og adkomst</span>
+            <Icon />
           </Link>
           <Link href="/praktisk#adkomst" className="button">
-            Billetter &rarr;
+            <span>Billetter</span>
+            <Icon />
           </Link>
           <Link href="/praktisk#adkomst" className="button">
-            Åpningstider &rarr;
+            <span>Åpningstider</span>
+            <Icon />
           </Link>
         </div>
         <div className="pig">
           <Pig type="point" />
         </div>
       </div>
-      <NewsList heading="Siste nytt" limit={3} featured news={news} />
+      <NewsList heading="Siste nytt" limit={4} featured news={news} />
     </main>
   );
 }