fix: android hardware back button and gesture behavior on Profile tab (#12591)

* fix: android hardware back button navigation on Profile tab

* chore: update comments for clarity on back button behavior in MyProfileSettings

* revert changes

* fix: properly clean up back button event listeners in AutomountedBottomSheetModal and useBackHandler

* chore: update Podfile.lock with new checksum

* chore: update Podfile.lock with new checksum

Author: gkartalis

src/app/Components/BottomSheet/AutomountedBottomSheetModal.tsx

@@ -52,7 +52,9 @@ export const AutomountedBottomSheetModal: FC<AutomountedBottomSheetModalProps> =
   }, [visible])
 
   useEffect(() => {
-    BackHandler.addEventListener("hardwareBackPress", androidBackHandler)
+    const subscription = BackHandler.addEventListener("hardwareBackPress", androidBackHandler)
+
+    return () => subscription.remove()
   }, [androidBackHandler])
 
   const renderBackdrop = useCallback(

src/app/utils/hooks/useBackHandler.ts

@@ -12,7 +12,10 @@ import { BackHandler } from "react-native"
 export function useBackHandler(handler: () => boolean) {
   useFocusEffect(
     useCallback(() => {
-      BackHandler.addEventListener("hardwareBackPress", handler)
+      const subscription = BackHandler.addEventListener("hardwareBackPress", handler)
+
+      // Return cleanup function to remove listener when component unmounts or loses focus
+      return () => subscription.remove()
     }, [handler])
   )
 }