refactor: move FooterLink to core/Text module

- this also fixes the link not having the correct Inter font

Author: sttic

components/FooterModal.tsx

@@ -15,7 +15,7 @@ import {
   HeadlinePrimary,
   LinkifyText,
 } from "@/components/core/Text";
-import { FooterLink } from "@/components/StyledCore";
+import { FooterLink } from "@/components/core/Text";
 import { useRouter } from "next/router";
 
 interface FooterModalProps {

components/StyledCore.tsx

@@ -51,6 +51,31 @@ export const LinkPrimaryVariant = styled(Link)`
   color: white;
 `;
 
+export const FooterLink = styled(Link)`
+  color: #616161;
+  margin: 5px 8px;
+  padding-bottom: 1px;
+  position: relative;
+
+  &:after {
+    background: ${theme.colors.brand.teal};
+    bottom: 0;
+    content: "";
+    height: 4px;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    transform: translateY(3px);
+    transition: opacity 0.2s ease, transform 0.2s ease;
+    width: 100%;
+  }
+
+  &:hover::after {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+
 export function LinkifyText({ children }: LinkifyProps): ReactElement {
   return (
     <Linkify

components/core/Text.tsx

@@ -3,7 +3,7 @@ import Logo from "../svgs/logo.svg";
 import React, { ReactElement } from "react";
 import { Flex, Text } from "@chakra-ui/core";
 import { GreyBackground } from "@/components/core/Layout";
-import { FooterLink } from "@/components/StyledCore";
+import { FooterLink } from "@/components/core/Text";
 import FooterModal from "@/components/FooterModal";
 import {
   attributionsText,
@@ -33,7 +33,7 @@ export default function Footer(): ReactElement {
         <BaseContainer>
           <Flex
             width="100%"
-            flexDirection={["column", "column", "row", "row"]}
+            flexDirection={["column", "column", "column", "row"]}
             justifyContent={[
               "flex-start",
               "flex-start",