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/Points/CurrentPointsBalance/index.tsx

@@ -1,7 +1,8 @@
 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 { getIntl } from "@/i18n"
 import { getMembership } from "@/utils/user"
 
@@ -22,7 +23,7 @@ async function CurrentPointsBalance({
   const membership = getMembership(user.memberships)
   return (
     <SectionContainer>
-      <Header title={title} link={link} subtitle={subtitle} />
+      <SectionHeader title={title} link={link} subtitle={subtitle} />
       <div className={styles.card}>
         <h2>{`${formatMessage({ id: "Total Points" })}*`}</h2>
         <p className={styles.points}>
@@ -32,6 +33,7 @@ async function CurrentPointsBalance({
           {`*${formatMessage({ id: "Points may take up to 10 days to be displayed." })}`}
         </p>
       </div>
+      <SectionLink link={link} variant="mobile" />
     </SectionContainer>
   )
 }