Add prefetch strategies to Link component

[juliomuhlbauer]

Goals

Add some strategies besides a boolean value to prefetch on Link

Non-Goals

No response

Background

For now, Nextjs only supports prefetching on viewport.

Proposal

Add some link strategies like Remix did: https://remix.run/docs/en/main/components/link#prefetch

prefetch
Defines the data and module prefetching behavior for the link.

<>
  <Link /> {/* defaults to "none" */}
  <Link prefetch="none" />
  <Link prefetch="intent" />
  <Link prefetch="render" />
  <Link prefetch="viewport" />
</>
Copy code to clipboard
none - default, no prefetching
intent - prefetches when the user hovers or focuses the link
render - prefetches when the link renders
viewport - prefetches when the link is in the viewport, very useful for mobile