[android] fixed experimental pointers breaking after pan (#3801)

In a project using experimental pointer events, activation of the pan
gesture stopped recognition of Js pointer events. This PR should resolve
this issue.

I believe the error is due to the fact that `onCancel` calls
rootView.onChildStartedNativeGesture, which sets the
`UNSET_CHILD_VIEW_ID` in JSPointerDispatcher.kt to current view tag,
which is never cleared. This blocks pointer events from being called, as
the pointer dispatcher thinks that some child is handling a native
gesture. I added cleanup when all fingers have been lifted.

Enable experimental pointer events:
https://reactnative.dev/blog/2022/12/13/pointer-events-in-react-native#enable-feature-flags.
Use the following code to test the component:
<details>

```ts
import React from 'react';
import { Text, Pressable, StyleSheet } from 'react-native';
import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';

const END_POSITION = 200;

function App(): React.JSX.Element {
  const [count, setCount] = React.useState(0);
  const [pressCount, setPressCount] = React.useState(0);

  const onLeft = useSharedValue(true);
  const position = useSharedValue(0);

  const panGesture = Gesture.Pan()
    .onUpdate((e) => {
      if (onLeft.value) {
        position.value = e.translationX;
      } else {
        position.value = END_POSITION + e.translationX;
      }
    })
    .onEnd((e) => {
      if (position.value > END_POSITION / 2) {
        position.value = withTiming(END_POSITION, { duration: 100 });
        onLeft.value = false;
      } else {
        position.value = withTiming(0, { duration: 100 });
        onLeft.value = true;
      }
    });

  const animatedStyle = useAnimatedStyle(() => ({
    transform: [{ translateX: position.value }],
  }));

  return (
    <GestureHandlerRootView style={styles.container}>
      <Pressable
        style={{ padding: 16, backgroundColor: '#aa0044' }}
        onPointerDown={() => setCount(n => n + 1)}
        onPressIn={() => setPressCount(n => n + 1)}
      >
        <Text style={{ color: 'black' }}>Press me</Text>
      </Pressable>

      <Text style={{ marginBottom: 16, color: 'black' }}>
        pointer: {count} -- press: {pressCount}
      </Text>

      <GestureDetector gesture={panGesture}>
        <Animated.View style={[styles.box, animatedStyle]} />
      </GestureDetector>

    </GestureHandlerRootView>
  );
}

const styles = StyleSheet.create({
  container: {
    padding: 64,
    flex: 1,
  },
  box: {
    height: 120,
    width: 120,
    backgroundColor: '#b58df1',
    borderRadius: 20,
    marginBottom: 30,
  },
});

export default App;
```

</details>

If you have experimental pointer events turned on clicking on the upper
pressable should increase both counters even after using pan gesture on
the box below. Before this PR, after panning, only one counter worked.

Author: akwasniewski

packages/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/core/GestureHandlerOrchestrator.kt

@@ -7,6 +7,7 @@ import android.view.View
 import android.view.ViewGroup
 import android.widget.EditText
 import com.facebook.react.uimanager.ReactCompoundView
+import com.facebook.react.uimanager.RootView
 import com.swmansion.gesturehandler.react.RNGestureHandlerRootHelper
 import com.swmansion.gesturehandler.react.RNGestureHandlerRootView
 import java.util.*
@@ -15,6 +16,7 @@ class GestureHandlerOrchestrator(
   private val wrapperView: ViewGroup,
   private val handlerRegistry: GestureHandlerRegistry,
   private val viewConfigHelper: ViewConfigurationHelper,
+  private val rootView: ViewGroup,
 ) {
   /**
    * Minimum alpha (value from 0 to 1) that should be set to a view so that it can be treated as a
@@ -57,6 +59,14 @@ class GestureHandlerOrchestrator(
     if (finishedHandlersCleanupScheduled && handlingChangeSemaphore == 0) {
       cleanupFinishedHandlers()
     }
+    if (action == MotionEvent.ACTION_UP ||
+      action == MotionEvent.ACTION_CANCEL ||
+      action == MotionEvent.ACTION_HOVER_EXIT
+    ) {
+      if (gestureHandlers.isEmpty() && rootView is RootView) {
+        rootView.onChildEndedNativeGesture(rootView, event)
+      }
+    }
     return true
   }
 

packages/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/RNGestureHandlerRootHelper.kt

@@ -38,6 +38,7 @@ class RNGestureHandlerRootHelper(private val context: ReactContext, wrappedView:
       wrappedView,
       registry,
       RNViewConfigurationHelper(),
+      rootView,
     ).apply {
       minimumAlphaForTraversal = MIN_ALPHA_FOR_TOUCH
     }