[APP-703] Android horizontal scroll registers as tap (#960)

* use Touchables from react-native-gesture-handler

* upgrade `react-native-gesture-handler` to latest version

* add FixedTouchableHighlight for android

* add workaround comment

* wait for animations to complete before loading data

* downgrade RNGH back to the version we had

src/view/com/pager/FixedTouchableHighlight.tsx

@@ -0,0 +1,42 @@
+// FixedTouchableHighlight.tsx
+import React, {ComponentProps, useRef} from 'react'
+import {GestureResponderEvent, TouchableHighlight} from 'react-native'
+
+type Position = {pageX: number; pageY: number}
+
+export default function FixedTouchableHighlight({
+  onPress,
+  onPressIn,
+  ...props
+}: ComponentProps<typeof TouchableHighlight>) {
+  const _touchActivatePositionRef = useRef<Position | null>(null)
+
+  function _onPressIn(e: GestureResponderEvent) {
+    const {pageX, pageY} = e.nativeEvent
+
+    _touchActivatePositionRef.current = {
+      pageX,
+      pageY,
+    }
+
+    onPressIn?.(e)
+  }
+
+  function _onPress(e: GestureResponderEvent) {
+    const {pageX, pageY} = e.nativeEvent
+
+    const absX = Math.abs(_touchActivatePositionRef.current?.pageX! - pageX)
+    const absY = Math.abs(_touchActivatePositionRef.current?.pageY! - pageY)
+
+    const dragged = absX > 2 || absY > 2
+    if (!dragged) {
+      onPress?.(e)
+    }
+  }
+
+  return (
+    <TouchableHighlight onPressIn={_onPressIn} onPress={_onPress} {...props}>
+      {props.children}
+    </TouchableHighlight>
+  )
+}