Create ReanimatedDrawerLayout component

[latekvo]

Description

This PR adds ReanimatedDrawerLayout component.

Test plan

• use the newly added Reanimated Drawer Layout example to see how the drawer layout functions
• use the provided sample code to test how the legacy one used to work

Collapsed code - legacy component preview

import React, { useRef } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {
  Gesture,
  GestureDetector,
  DrawerLayout,
} from 'react-native-gesture-handler';
import { SharedValue } from 'react-native-reanimated';

const DrawerPage = ({ progress }: { progress?: SharedValue }) => {
  progress && console.log('Drawer opening progress:', progress);
  return <View style={styles.drawerContainer} />;
};

export default function ReanimatedDrawerExample() {
  const drawerRef = useRef<any>(null);

  const tapGesture = Gesture.Tap()
    .runOnJS(true)
    .onStart(() => drawerRef.current?.openDrawer());

  return (
    <DrawerLayout ref={drawerRef} renderNavigationView={() => <DrawerPage />}>
      <GestureDetector gesture={tapGesture}>
        <View style={styles.innerContainer}>
          <Text>Open drawer</Text>
        </View>
      </GestureDetector>
    </DrawerLayout>
  );
}

const styles = StyleSheet.create({
  drawerContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'pink',
  },
  innerContainer: {
    margin: 'auto',
    padding: 35,
    paddingHorizontal: 25,
    backgroundColor: 'pink',
  },
});

[j-piasecki]

LGTM! Please wait for GH actions before merging.

[m-bert]

Two things that I've noticed:

1. Drawer sometimes flickers (i.e. closes and immediately opens). Unfortunately I'm not exactly sure how to reproduce it.
2. In the provided example, when drawer is opened on web it is possible to click buttons in background. It doesn't work like this on android and iOS

but I think we don't have to worry about it in this PR as it is already quite large 😅