Migrate Workspaces right-docked modals (2/2) to use Reanimated

src/components/CategorySelector/CategorySelectorModal.tsx

@@ -39,6 +39,7 @@ function CategorySelectorModal({policyID, isVisible, currentCategory, onCategory
             hideModalContentWhileAnimating
             useNativeDriver
             enableEdgeToEdgeBottomSafeAreaPadding
+            shouldUseReanimatedModal
         >
             <ScreenWrapper
                 style={[styles.pb0]}

src/components/Modal/ReanimatedModal/Container/index.web.tsx

@@ -1,13 +1,11 @@
 import React, {useEffect, useMemo, useRef} from 'react';
-import Animated, {Easing, Keyframe, useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
+import Animated, {Keyframe, useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
 import type ReanimatedModalProps from '@components/Modal/ReanimatedModal/types';
 import type {ContainerProps} from '@components/Modal/ReanimatedModal/types';
-import {getModalInAnimationStyle, getModalOutAnimation} from '@components/Modal/ReanimatedModal/utils';
+import {easing, getModalInAnimationStyle, getModalOutAnimation} from '@components/Modal/ReanimatedModal/utils';
 import useThemeStyles from '@hooks/useThemeStyles';
 import CONST from '@src/CONST';
 
-const easing = Easing.bezier(0.76, 0.0, 0.24, 1.0).factory();
-
 function Container({
     style,
     animationIn,

src/components/Modal/ReanimatedModal/utils.ts

@@ -84,4 +84,4 @@ function getModalOutAnimation(animationType: AnimationOutType): ValidKeyframePro
     }
 }
 
-export {getModalInAnimation, getModalOutAnimation, getModalInAnimationStyle};
+export {getModalInAnimation, getModalOutAnimation, getModalInAnimationStyle, easing};

src/pages/workspace/WorkspaceMemberRoleSelectionModal.tsx

@@ -45,6 +45,7 @@ function WorkspaceMemberDetailsRoleSelectionModal({isVisible, items, onRoleChang
             hideModalContentWhileAnimating
             useNativeDriver
             enableEdgeToEdgeBottomSafeAreaPadding
+            shouldUseReanimatedModal
         >
             <ScreenWrapper
                 testID={WorkspaceMemberDetailsRoleSelectionModal.displayName}

src/pages/workspace/categories/ExpenseLimitTypeSelector/ExpenseLimitTypeSelectorModal.tsx

@@ -47,6 +47,7 @@ function ExpenseLimitTypeSelectorModal({isVisible, currentExpenseLimitType, onEx
             hideModalContentWhileAnimating
             useNativeDriver
             enableEdgeToEdgeBottomSafeAreaPadding
+            shouldUseReanimatedModal
         >
             <ScreenWrapper
                 style={[styles.pb0]}

src/pages/workspace/distanceRates/UnitSelector/UnitSelectorModal.tsx

@@ -36,6 +36,7 @@ function UnitSelectorModal({isVisible, currentUnit, onUnitSelected, onClose, lab
             onModalHide={onClose}
             hideModalContentWhileAnimating
             useNativeDriver
+            shouldUseReanimatedModal
         >
             <ScreenWrapper
                 style={[styles.pb0]}