Add animationSpeed to ReanimatedDrawerLayout (#3401)

## Description

This PR adds `animationSpeed` to `ReanimatedDrawerLayout`.

I was conflicted between adding `animationSpeed: number`,
`animationOptions: DrawerMovementOption`, and `animationConfig:
Record<string, unknown>`.
- `animationConfig` is the most flexible one, but
`ReanimatedDrawerLayout` already opinionates animation configuration,
and doesn't allow for any configuration beyond `DrawerMovementOption`
- `DrawerMovementOption` is already in place, but we don't need
`initialVelocity` value for the default animation.
- since we only need animation speed, I think `animationSpeed: number`
makes the most sense

Suggested by #3392
Closes #3392

## Test plan

- see how both opening and dismissal animations are modified:

<details>
<summary>
Collapsed repro
</summary>

```tsx
import React, { useRef } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {
  Gesture,
  GestureDetector,
  GestureHandlerRootView,
} from 'react-native-gesture-handler';

import ReanimatedDrawerLayout, {
  DrawerType,
  DrawerPosition,
  DrawerLayoutMethods,
  DrawerLockMode,
} from 'react-native-gesture-handler/ReanimatedDrawerLayout';

const DrawerPage = () => {
  return (
    <View style={styles.drawerContainer}>
      <Text>Lorem ipsum</Text>
    </View>
  );
};

export default function ReanimatedDrawerExample() {
  const drawerRef = useRef<DrawerLayoutMethods>(null);
  const tapGesture = Gesture.Tap()
    .runOnJS(true)
    .onStart(() => drawerRef.current?.openDrawer({ animationSpeed: 5000 }));

  return (
    <GestureHandlerRootView>
      <ReanimatedDrawerLayout
        ref={drawerRef}
        animationSpeed={5000}
        renderNavigationView={() => <DrawerPage />}
        drawerLockMode={DrawerLockMode.UNLOCKED}
        drawerPosition={DrawerPosition.LEFT}
        drawerType={DrawerType.FRONT}>
        <View style={styles.innerContainer}>
          <GestureDetector gesture={tapGesture}>
            <View style={styles.box}>
              <Text>Open drawer</Text>
            </View>
          </GestureDetector>
        </View>
      </ReanimatedDrawerLayout>
    </GestureHandlerRootView>
  );
}

const styles = StyleSheet.create({
  drawerContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'pink',
  },
  innerContainer: {
    flex: 1,
    backgroundColor: 'white',
    alignItems: 'center',
    justifyContent: 'center',
    gap: 20,
  },
  box: {
    padding: 20,
    backgroundColor: 'pink',
  },
});

```

</details>

Author: latekvo

src/components/ReanimatedDrawerLayout.tsx

@@ -143,6 +143,12 @@ export interface DrawerLayoutProps {
    */
   drawerType?: DrawerType;
 
+  /**
+   * Speed of animation that will play when letting go, or dismissing the drawer.
+   * This will also be the default animation speed for programatic controlls.
+   */
+  animationSpeed?: number;
+
   /**
    * Defines how far from the edge of the content view the gesture should
    * activate.
@@ -292,6 +298,7 @@ const DrawerLayout = forwardRef<DrawerLayoutMethods, DrawerLayoutProps>(
       onDrawerClose,
       onDrawerOpen,
       onDrawerStateChanged,
+      animationSpeed: animationSpeedProp,
     } = props;
 
     const isFromLeft = drawerPosition === DrawerPosition.LEFT;
@@ -392,7 +399,9 @@ const DrawerLayout = forwardRef<DrawerLayoutMethods, DrawerLayoutProps>(
           {
             overshootClamping: true,
             velocity: normalizedInitialVelocity,
-            mass: animationSpeed ? 1 / animationSpeed : 1,
+            mass: animationSpeed
+              ? 1 / animationSpeed
+              : 1 / (animationSpeedProp ?? 1),
             damping: 40,
             stiffness: 500,
           },