Rewrite styles to scss and use i respective components

src/components/Link/Link.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Link as RLink } from 'react-router-dom';
+import './link.scss';
+type LinkProps = {
+  pageName: string;
+  style?: React.CSSProperties;
+  className?: string;
+};
+
+function Link({ pageName, children, className, style = {} }: React.PropsWithChildren<LinkProps>) {
+  return (
+    <RLink to={`/techradar/${pageName}.html`} style={style} {...{ className }}>
+      {children}
+    </RLink>
+  );
+}
+
+export default Link;

src/components/Link/link.scss

@@ -0,0 +1,8 @@
+.link {
+  color: var(--color-white);
+  text-decoration: none;
+  cursor: pointer;
+  &:hover {
+    text-decoration: underline;
+  }
+}