fix(chat): keep large tables responsive on iOS

Selectable table cells each installed a window-level gesture recognizer, causing every touch to fan out across the entire table. Keep prose selectable while rendering iOS table text without selection.

packages/app/src/components/markdown-text.ios.tsx

@@ -1,7 +1,18 @@
 import { useMemo, type ReactNode } from "react";
-import { View, type StyleProp, type TextProps, type TextStyle, type ViewStyle } from "react-native";
+import {
+  Text,
+  View,
+  type StyleProp,
+  type TextProps,
+  type TextStyle,
+  type ViewStyle,
+} from "react-native";
 import { UITextView } from "react-native-uitextview";
 import { resolvePlainMarkdownTextStyle } from "@/components/markdown-text-style";
+import {
+  iosMarkdownTextIsSelectable,
+  useMarkdownTextSurface,
+} from "@/components/markdown-text-selection";
 
 interface MarkdownTextSpanProps {
   style?: StyleProp<TextStyle>;
@@ -29,6 +40,22 @@ export function MarkdownTextSpan({
   accessibilityRole,
 }: MarkdownTextSpanProps) {
   const plainStyle = useMemo(() => resolvePlainMarkdownTextStyle(style), [style]);
+  const surface = useMarkdownTextSurface();
+
+  // Each selectable span creates a UIKit UITextView with a window-level tap recognizer.
+  // A large table would create one per cell and make every app touch fan out across them.
+  if (!iosMarkdownTextIsSelectable(surface)) {
+    return (
+      <Text
+        selectable={false}
+        style={plainStyle}
+        onPress={onPress}
+        accessibilityRole={accessibilityRole}
+      >
+        {children}
+      </Text>
+    );
+  }
 
   return (
     <UITextView