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/MyPages/Blocks/Benefits/CurrentLevel/index.tsx

@@ -2,7 +2,8 @@ import { MembershipLevelEnum } from "@/constants/membershipLevels"
 import { serverClient } from "@/lib/trpc/server"
 
 import SectionContainer from "@/components/Section/Container"
-import Header from "@/components/Section/Header"
+import SectionHeader from "@/components/Section/Header"
+import SectionLink from "@/components/Section/Link"
 import Grids from "@/components/TempDesignSystem/Grids"
 import Link from "@/components/TempDesignSystem/Link"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
@@ -47,7 +48,7 @@ export default async function CurrentBenefitsBlock({
 
   return (
     <SectionContainer>
-      <Header title={title} link={link} subtitle={subtitle} />
+      <SectionHeader title={title} link={link} subtitle={subtitle} />
       <Grids.Scrollable>
         {currentLevel.benefits.map((benefit, idx) => (
           <Link className={styles.card} href="#" key={`${currentLevel}-${idx}`}>
@@ -64,6 +65,7 @@ export default async function CurrentBenefitsBlock({
           </Link>
         ))}
       </Grids.Scrollable>
+      <SectionLink link={link} variant="mobile" />
     </SectionContainer>
   )
 }