Add moduleSuffixes to tsconfig (#11146)

Co-authored-by: Claude <noreply@anthropic.com>

src/lib/custom-animations/GestureActionView.shared.ts

@@ -0,0 +1,15 @@
+import {type ColorValue} from 'react-native'
+
+export interface GestureAction {
+  color: ColorValue
+  action: () => void
+  threshold: number
+  icon: React.ElementType
+}
+
+export interface GestureActions {
+  leftFirst?: GestureAction
+  leftSecond?: GestureAction
+  rightFirst?: GestureAction
+  rightSecond?: GestureAction
+}

src/lib/custom-animations/GestureActionView.tsx

@@ -16,20 +16,7 @@ import Animated, {
 } from 'react-native-reanimated'
 
 import {useHaptics} from '#/lib/haptics'
-
-interface GestureAction {
-  color: ColorValue
-  action: () => void
-  threshold: number
-  icon: React.ElementType
-}
-
-interface GestureActions {
-  leftFirst?: GestureAction
-  leftSecond?: GestureAction
-  rightFirst?: GestureAction
-  rightSecond?: GestureAction
-}
+import {type GestureActions} from './GestureActionView.shared'
 
 const MAX_WIDTH = Dimensions.get('screen').width
 const ICON_SIZE = 32

src/lib/custom-animations/GestureActionView.web.tsx

@@ -1,3 +1,13 @@
-export function GestureActionView({children}: {children: React.ReactNode}) {
+import {type GestureActions} from './GestureActionView.shared'
+
+/*
+ * Swipe gestures only exist on native; children render as-is on web.
+ */
+export function GestureActionView({
+  children,
+}: {
+  children: React.ReactNode
+  actions: GestureActions
+}) {
   return children
 }