Merged in feat/section-header-link (pull request #314)

Feat(WEB-359): Update section link for mobile

Approved-by: Chuma Mcphoy (We Ahead)
Approved-by: Arvid Norlin

components/Section/Header/index.tsx

@@ -1,8 +1,8 @@
-import ArrowRight from "@/components/Icons/ArrowRight"
-import Link from "@/components/TempDesignSystem/Link"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
+import SectionLink from "../Link"
+
 import styles from "./header.module.css"
 
 import type { HeaderProps } from "@/types/components/myPages/header"
@@ -23,19 +23,7 @@ export default function SectionHeader({
         {title}
       </Title>
       {subtitle && <Subtitle className={styles.subtitle}>{subtitle}</Subtitle>}
-      {link ? (
-        <span className={styles.linkWrapper}>
-          <ArrowRight color="burgundy" className={styles.icon} />
-          <Link
-            className={styles.link}
-            color="burgundy"
-            href={link.href}
-            variant="myPage"
-          >
-            {link.text}
-          </Link>
-        </span>
-      ) : null}
+      <SectionLink link={link} variant="desktop" />
     </header>
   )
 }