Wrap Next.js’ Link component with our styles (as LinkInternal)

src/components/Link/index.tsx

@@ -1,20 +1,22 @@
-import styled from "@emotion/styled";
+import styled, { CSSObject } from "@emotion/styled";
+import NextLink from "next/link";
 import { AnchorHTMLAttributes, ReactNode } from "react";
 import { colors } from "../../common/styleVariables";
 
-const A = styled.a({
+const linkStyles: CSSObject = {
 	color: colors.blueDark,
 	textDecoration: "underline",
 	"&:hover": {
 		textDecoration: "none",
 	},
-});
+};
+const Link = styled.a<Props>(linkStyles);
 
 type Props = AnchorHTMLAttributes<HTMLAnchorElement> & {
 	href: string;
 	children: ReactNode;
 };
 
-export default function Link(props: Props) {
-	return <A {...props} />;
-}
+export default Link;
+
+export const LinkInternal = styled(NextLink)(linkStyles);