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/Loyalty/Blocks/CardsGrid/index.tsx

@@ -1,5 +1,5 @@
 import SectionContainer from "@/components/Section/Container"
-import Header from "@/components/Section/Header"
+import SectionHeader from "@/components/Section/Header"
 import Card from "@/components/TempDesignSystem/Card"
 import Grids from "@/components/TempDesignSystem/Grids"
 import LoyaltyCard from "@/components/TempDesignSystem/LoyaltyCard"
@@ -13,7 +13,7 @@ export default function CardsGrid({
 }: CardsGridProps) {
   return (
     <SectionContainer>
-      <Header
+      <SectionHeader
         title={cards_grid.title}
         subtitle={cards_grid.preamble}
         topTitle={firstItem}

components/Loyalty/Blocks/DynamicContent/index.tsx

@@ -3,7 +3,8 @@ import { serverClient } from "@/lib/trpc/server"
 
 import { auth } from "@/auth"
 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 Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
@@ -56,7 +57,7 @@ export default function DynamicContent({
           <Subtitle>{dynamicContent.subtitle}</Subtitle>
         </div>
       ) : displayHeader ? (
-        <Header
+        <SectionHeader
           link={dynamicContent.link}
           subtitle={dynamicContent.subtitle}
           title={dynamicContent.title}
@@ -64,6 +65,9 @@ export default function DynamicContent({
         />
       ) : null}
       <DynamicComponentBlock component={dynamicContent.component} />
+      {displayHeader && (
+        <SectionLink link={dynamicContent.link} variant="mobile" />
+      )}
     </SectionContainer>
   )
 }