add touch support to Link component

Author: valebearzotti

src/components/hero-404/index.tsx

@@ -205,14 +205,18 @@ void main() {
 
     function onTouchStart(e: TouchEvent) {
       isDragging = true;
-      e.preventDefault();
+      if (e.target instanceof HTMLCanvasElement) {
+        e.preventDefault();
+      }
     }
 
     function onTouchMove(e: TouchEvent) {
       if (!isDragging) return;
 
       // Prevent default touch behavior
-      e.preventDefault();
+      if (e.target instanceof HTMLCanvasElement) {
+        e.preventDefault();
+      }
 
       const touchX = e.touches[0].clientX;
       const touchY = e.touches[0].clientY;

src/components/hero/index.tsx

@@ -207,14 +207,18 @@ void main() {
 
     function onTouchStart(e: TouchEvent) {
       isDragging = true;
-      e.preventDefault();
+      if (e.target instanceof HTMLCanvasElement) {
+        e.preventDefault();
+      }
     }
 
     function onTouchMove(e: TouchEvent) {
       if (!isDragging) return;
 
       // Prevent default touch behavior
-      e.preventDefault();
+      if (e.target instanceof HTMLCanvasElement) {
+        e.preventDefault();
+      }
 
       const touchX = e.touches[0].clientX;
       const touchY = e.touches[0].clientY;

src/components/link/index.tsx

@@ -19,7 +19,13 @@ export const Link = ({ href, children, ...props }: LinkProps) => {
   });
 
   return (
-    <NextLink href={href} ref={ref} onMouseOver={replay} {...props}>
+    <NextLink
+      href={href}
+      ref={ref}
+      onMouseOver={replay}
+      onTouchStart={replay}
+      {...props}
+    >
       {children}
     </NextLink>
   );