repro: add interactive footer to demonstrate touch bug

Makes BasicSheet's footer tappable with an Alert so the touch
swallowing bug is immediately visible on physical devices.

iOS: taps on the footer are silently dropped
Android: taps fire twice (double alert)

Related: lodev09#589

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: isaacrowntree

example/shared/src/components/sheets/BasicSheet.tsx

@@ -1,5 +1,5 @@
 import { forwardRef, useRef, useState, type Ref, useImperativeHandle } from 'react';
-import { StyleSheet } from 'react-native';
+import { Alert, StyleSheet } from 'react-native';
 import { TrueSheet, useTrueSheet, type TrueSheetProps } from '@lodev09/react-native-true-sheet';
 
 import { BLUE, DARK, DARK_BLUE, FOOTER_HEIGHT, GAP, SPACING, times } from '../../utils';
@@ -105,7 +105,7 @@ export const BasicSheet = forwardRef((props: BasicSheetProps, ref: Ref<TrueSheet
       backgroundBlur={detentIndex > 0 ? 'system-material' : undefined}
       backgroundColor={detentIndex > 0 ? BLUE : undefined}
       header={<Header />}
-      footer={<Footer />}
+      footer={<Footer text="TAP FOOTER" onPress={() => Alert.alert('Footer', 'Tap registered!')} />}
       {...rest}
     >
       {times(contentCount, (i) => (
@@ -141,7 +141,7 @@ export const BasicSheet = forwardRef((props: BasicSheetProps, ref: Ref<TrueSheet
         backgroundColor={DARK}
         dimmed={false}
         style={styles.content}
-        footer={<Footer />}
+        footer={<Footer text="TAP FOOTER" onPress={() => Alert.alert('Footer', 'Tap registered!')} />}
       >
         <DemoContent color={DARK_BLUE} />
         <DemoContent color={DARK_BLUE} />