Make the links on the log in page visually consistent

Timo was totally right in his previous review of my typography component work that these didn't have the right styling. I just didn't notice!

src/auth/LoginPage.module.css

@@ -64,15 +64,6 @@ Please see LICENSE in the repository root for full details.
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
-}
-
-.authLinks {
   margin-bottom: 100px;
   font-size: var(--font-size-body);
 }
-
-.authLinks a {
-  color: var(--cpd-color-text-action-accent);
-  text-decoration: none;
-  font-weight: normal;
-}

src/auth/LoginPage.tsx

@@ -6,7 +6,7 @@ Please see LICENSE in the repository root for full details.
 */
 
 import { FC, FormEvent, useCallback, useRef, useState } from "react";
-import { useHistory, useLocation, Link } from "react-router-dom";
+import { useHistory, useLocation } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 import { Button } from "@vector-im/compound-web";
 
@@ -18,6 +18,7 @@ import { useInteractiveLogin } from "./useInteractiveLogin";
 import { usePageTitle } from "../usePageTitle";
 import { PosthogAnalytics } from "../analytics/PosthogAnalytics";
 import { Config } from "../config/Config";
+import { Link } from "../button/Link";
 
 export const LoginPage: FC = () => {
   const { t } = useTranslation();