feat(SW-272) link style changes

components/Header/MainMenu/MyPagesMenuContent/index.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import Link from "next/link"
 import { useIntl } from "react-intl"
 
 import { MembershipLevelEnum } from "@/constants/membershipLevels"
@@ -9,6 +8,7 @@ import { trpc } from "@/lib/trpc/client"
 
 import { ArrowRightIcon } from "@/components/Icons"
 import Divider from "@/components/TempDesignSystem/Divider"
+import Link from "@/components/TempDesignSystem/Link"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import useLang from "@/hooks/useLang"
@@ -70,6 +70,7 @@ export default function MyPagesMenuContent({
                   <Link
                     href={link.originalUrl || link.url}
                     onClick={toggleOpenStateFn}
+                    variant="menu"
                     className={`${styles.link} ${menuItem.display_sign_out_link ? styles.smallLink : ""}`}
                   >
                     {link.linkText}
@@ -82,6 +83,7 @@ export default function MyPagesMenuContent({
                   <Link
                     href={logout[lang]}
                     prefetch={false}
+                    variant="menu"
                     className={`${styles.link} ${styles.smallLink}`}
                   >
                     {intl.formatMessage({ id: "Log out" })}