Throw error when detectors are not placed inside GestureHandlerRootView

[m-bert]

Description

For now, NativeDetector doesn't throw error when it is used outside of GestureHandlerRootView. This PR moves check from LegacyDetector to GestureDetector.

Test plan

Tested on the following example:

import React from 'react';
import { StyleSheet, View } from 'react-native';
import { usePan, GestureDetector } from 'react-native-gesture-handler';

export default function EmptyExample() {
  const pan = usePan({});

  return (
    <View style={styles.container}>
      <GestureDetector gesture={pan}>
        <View style={{ width: 300, height: 300, backgroundColor: 'green' }} />
      </GestureDetector>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

[j-piasecki]

Will we be exporting LegacyGestureDetector as a standalone component? If so, the check should stay in both.

[m-bert]

Will we be exporting LegacyGestureDetector as a standalone component? If so, the check should stay in both.

Well, if exporting everything as GestureDetector works fine I don't think we have to export it as a standalone component. WDYT @akwasniewski?

[akwasniewski]

Will we be exporting LegacyGestureDetector as a standalone component? If so, the check should stay in both.

Well, if exporting everything as GestureDetector works fine I don't think we have to export it as a standalone component. WDYT @akwasniewski?

The idea of putting all detectors in the new GestureDetector was not to export them seperately. We only want to export this multi-use component, I think it's less effort for the user.