feat(SW-185): Fixing comments

components/Footer/Navigation/MainNav/index.tsx

@@ -1,27 +1,28 @@
 import { ArrowRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
+import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 
 import styles from "./mainnav.module.css"
 
-export default async function FooterMainNav({
-  mainLinks,
-}: {
-  mainLinks: Array<{ id: string; href: string; title: string }>
-}) {
+import { FooterMainNavProps } from "@/types/components/footer/navigation"
+
+export default function FooterMainNav({ mainLinks }: FooterMainNavProps) {
   return (
     <nav className={styles.mainNavigation}>
       <ul className={styles.mainNavigationList}>
         {mainLinks.map((link) => (
           <li key={link.id} className={styles.mainNavigationItem}>
-            <Link
-              color="burgundy"
-              href={link.href}
-              className={styles.mainNavigationLink}
-            >
-              {link.title}
+            <Subtitle type="two" asChild>
+              <Link
+                color="burgundy"
+                href={link.href}
+                className={styles.mainNavigationLink}
+              >
+                {link.title}
 
-              <ArrowRightIcon color="burgundy" />
-            </Link>
+                <ArrowRightIcon color="burgundy" />
+              </Link>
+            </Subtitle>
           </li>
         ))}
       </ul>

components/Footer/Navigation/MainNav/mainnav.module.css

@@ -18,8 +18,6 @@
 }
 
 .mainNavigationLink {
-  font-size: 20px;
-  font-weight: 500;
   display: flex;
   justify-content: space-between;
 }