chore: Replace router link touchable component

src/app/system/navigation/RouterLink.tsx

@@ -1,9 +1,9 @@
-import { Touchable, TouchableProps } from "@artsy/palette-mobile"
+import { TouchableProps } from "@artsy/palette-mobile"
 import { navigate } from "app/system/navigation/navigate"
 import { ElementInView } from "app/utils/ElementInView"
 import { useFeatureFlag } from "app/utils/hooks/useFeatureFlag"
 import { usePrefetch } from "app/utils/queryPrefetching"
-import { GestureResponderEvent } from "react-native"
+import { GestureResponderEvent, TouchableOpacity } from "react-native"
 
 interface RouterLinkProps {
   disablePrefetch?: boolean
@@ -45,13 +45,19 @@ export const RouterLink: React.FC<RouterLinkProps & TouchableProps> = ({
     }
   }
 
+  const touchableProps = {
+    activeOpacity: 0.65,
+    onPress: handlePress,
+    ...restProps,
+  }
+
   if (!isPrefetchingEnabled) {
-    return <Touchable {...restProps} onPress={handlePress} />
+    return <TouchableOpacity {...touchableProps} />
   }
 
   return (
     <ElementInView onVisible={handleVisible}>
-      <Touchable {...restProps} onPress={handlePress} />
+      <TouchableOpacity {...touchableProps} />
     </ElementInView>
   )
 }