refactor: use prefetch attribute instead of router.prefetch()

app/src/common/components/Link.tsx

@@ -1,27 +1,23 @@
 "use client";
 
 import NextLink from "next/link";
-import { useRouter } from "next/navigation";
-import type { ComponentProps } from "react";
+import { useState, type ComponentProps } from "react";
 
 type Props = ComponentProps<typeof NextLink>;
 
 export const Link = (props: Props) => {
-  const { prefetch, href, onMouseEnter, ...rest } = props;
-  const router = useRouter();
+  const { prefetch, onMouseEnter, ...rest } = props;
+
+  const [_prefetch, setPrefetch] = useState(
+    prefetch === undefined ? false : prefetch,
+  );
 
-  const _prefetch = prefetch === undefined ? false : prefetch;
   const _onMouseEnter =
     prefetch === undefined && onMouseEnter === undefined
-      ? () => router.prefetch(typeof href === "string" ? href : href.href)
+      ? () => setPrefetch(true)
       : onMouseEnter;
 
   return (
-    <NextLink
-      href={href}
-      prefetch={_prefetch}
-      onMouseEnter={_onMouseEnter}
-      {...rest}
-    />
+    <NextLink prefetch={_prefetch} onMouseEnter={_onMouseEnter} {...rest} />
   );
 };