fix(KB-167): prevent task modal from opening on mobile scroll

- Implement touch gesture detection to distinguish tap from scroll gestures
- Add CSS touch-action property for proper mobile scroll handling
- Add comprehensive tests for touch gesture behavior in TaskCard
- Include changeset for patch release

packages/dashboard/app/components/__tests__/TaskCard.test.tsx

@@ -2101,6 +2101,70 @@ describe("TaskCard touch gesture handling", () => {
     expect(onOpenDetail).not.toHaveBeenCalled();
   });
 
+  it("does NOT open modal during vertical scrolling", async () => {
+    const onOpenDetail = vi.fn();
+
+    render(
+      <TaskCard
+        task={makeTask()}
+        onOpenDetail={onOpenDetail}
+        addToast={noopToast}
+      />
+    );
+
+    const card = document.querySelector('[data-id="KB-099"]');
+    expect(card).toBeDefined();
+
+    fireEvent.touchStart(card!, {
+      touches: [{ clientX: 100, clientY: 100 }],
+    });
+
+    fireEvent.touchMove(card!, {
+      touches: [{ clientX: 100, clientY: 115 }],
+    });
+
+    fireEvent.touchEnd(card!, {
+      changedTouches: [{ clientX: 100, clientY: 115 }],
+      target: card,
+    });
+
+    await new Promise((resolve) => setTimeout(resolve, 50));
+
+    expect(onOpenDetail).not.toHaveBeenCalled();
+  });
+
+  it("does NOT open modal during horizontal scrolling", async () => {
+    const onOpenDetail = vi.fn();
+
+    render(
+      <TaskCard
+        task={makeTask()}
+        onOpenDetail={onOpenDetail}
+        addToast={noopToast}
+      />
+    );
+
+    const card = document.querySelector('[data-id="KB-099"]');
+    expect(card).toBeDefined();
+
+    fireEvent.touchStart(card!, {
+      touches: [{ clientX: 100, clientY: 100 }],
+    });
+
+    fireEvent.touchMove(card!, {
+      touches: [{ clientX: 115, clientY: 100 }],
+    });
+
+    fireEvent.touchEnd(card!, {
+      changedTouches: [{ clientX: 115, clientY: 100 }],
+      target: card,
+    });
+
+    await new Promise((resolve) => setTimeout(resolve, 50));
+
+    expect(onOpenDetail).not.toHaveBeenCalled();
+  });
+
   it("does NOT open modal on long press (slow touch)", async () => {
     const onOpenDetail = vi.fn();