feat: cached styling

src/components/Link.tsx

@@ -2,25 +2,29 @@
 
 import { LinkProps, Link as RadixLink } from '@radix-ui/themes';
 import { useRouter } from 'next/navigation';
+import { forwardRef } from 'react';
 
-export function Link({ href, onClick, ...props }: LinkProps) {
-  const router = useRouter();
+export const Link = forwardRef<HTMLAnchorElement, LinkProps>(
+  ({ href, onClick, ...props }, ref) => {
+    const router = useRouter();
 
-  return (
-    <RadixLink
-      href={href}
-      onClick={(event) => {
-        event.preventDefault();
-        if (href) {
-          if (event.ctrlKey || event.metaKey) {
-            window.open(href);
-          } else {
-            router.push(href);
+    return (
+      <RadixLink
+        ref={ref}
+        href={href}
+        onClick={(event) => {
+          event.preventDefault();
+          if (href) {
+            if (event.ctrlKey || event.metaKey) {
+              window.open(href);
+            } else {
+              router.push(href);
+            }
           }
-        }
-        onClick?.(event);
-      }}
-      {...props}
-    />
-  );
-}
+          onClick?.(event);
+        }}
+        {...props}
+      />
+    );
+  },
+);