feat: add custom hook useTouchPrimary to detect primary touch input capability

Author: SameerJS6

hooks/use-has-primary-touch.tsx

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+
+export function useTouchPrimary() {
+  const [isTouchPrimary, setIsTouchPrimary] = useState(false);
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+
+    const controller = new AbortController();
+    const { signal } = controller;
+
+    const handleTouch = () => {
+      const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+      const prefersTouch = window.matchMedia("(pointer: coarse)").matches;
+      setIsTouchPrimary(hasTouch && prefersTouch);
+    };
+
+    const mq = window.matchMedia("(pointer: coarse)");
+    mq.addEventListener("change", handleTouch, { signal });
+    window.addEventListener("pointerdown", handleTouch, { signal });
+
+    return () => controller.abort();
+  }, []);
+
+  return isTouchPrimary;
+}