make separate component for section footer to show links below section content on mobile

web/src/app/page.tsx

@@ -10,6 +10,7 @@ import { Pig } from "@/components/general/Pig";
 import Link from "next/link";
 import { Icon } from "@/components/general/Icon";
 import { SectionHeader } from "@/components/general/SectionHeader";
+import { SectionFooter } from "@/components/general/SectionFooter";
 
 const HomeFragmentDefinition = graphql(`
   fragment Home on HomePage {
@@ -61,7 +62,7 @@ export default async function Home() {
       <FeaturedEvents events={featuredEvents} />
       <UpcomingEvents events={events} />
       <div className="infoBlock">
-        <SectionHeader heading="Besøk oss"link="/praktisk" linkText="Praktisk info" />
+        <SectionHeader heading="Besøk oss" link="/praktisk" linkText="Praktisk info" />
         <div>
           <h2 className="title">Skal du besøke Chateau Neuf?</h2>
           <p>
@@ -84,6 +85,7 @@ export default async function Home() {
         <div className="pig">
           <Pig type="point" />
         </div>
+        <SectionFooter link="/praktisk" linkText="Praktisk info" />
       </div>
       <NewsList heading="Siste nytt" featured news={news} />
     </main>