feat(SW-184): implementing mobile design

components/Header/HeaderLink/headerLink.module.css

@@ -0,0 +1,6 @@
+.topLink {
+  display: flex;
+  align-items: center;
+  gap: var(--Spacing-x1);
+  font-size: var(--typography-Caption-Regular-fontSize);
+}

components/Header/HeaderLink/index.tsx

@@ -0,0 +1,13 @@
+import Link from "@/components/TempDesignSystem/Link"
+
+import styles from "./headerLink.module.css"
+
+import { HeaderLinkProps } from "@/types/components/header/headerLink"
+
+export default function HeaderLink({ children, ...props }: HeaderLinkProps) {
+  return (
+    <Link color="burgundy" className={styles.topLink} {...props}>
+      {children}
+    </Link>
+  )
+}