Migrate POPOVER modals to use the Reanimated modal

Author: mhawryluk

src/components/Modal/BaseModal.tsx

@@ -32,7 +32,7 @@ import ReanimatedModal from './ReanimatedModal';
 import type ReanimatedModalProps from './ReanimatedModal/types';
 import type BaseModalProps from './types';
 
-const REANIMATED_MODAL_TYPES: Array<ValueOf<typeof CONST.MODAL.MODAL_TYPE>> = [CONST.MODAL.MODAL_TYPE.BOTTOM_DOCKED, CONST.MODAL.MODAL_TYPE.FULLSCREEN];
+const REANIMATED_MODAL_TYPES: Array<ValueOf<typeof CONST.MODAL.MODAL_TYPE>> = [CONST.MODAL.MODAL_TYPE.BOTTOM_DOCKED, CONST.MODAL.MODAL_TYPE.FULLSCREEN, CONST.MODAL.MODAL_TYPE.POPOVER];
 
 type ModalComponentProps = (ReactNativeModalProps | ReanimatedModalProps) & {
     type?: ValueOf<typeof CONST.MODAL.MODAL_TYPE>;

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

@@ -46,7 +46,7 @@ function Container({
 
     return (
         <Animated.View
-            style={[style, styles.modalContainer, type !== CONST.MODAL.MODAL_TYPE.RIGHT_DOCKED && styles.modalAnimatedContainer, animatedStyles, {zIndex: 1}]}
+            style={[style, type === CONST.MODAL.MODAL_TYPE.BOTTOM_DOCKED && [styles.modalContainer, styles.modalAnimatedContainer], animatedStyles, {zIndex: 1}]}
             exiting={Exiting}
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}

src/components/PopoverWithMeasuredContent/index.tsx

@@ -8,7 +8,7 @@ import type {PopoverWithMeasuredContentProps} from './types';
 
 /**
  * Logic for PopoverWithMeasuredContent is in PopoverWithMeasuredContentBase.
- * This component is a perf optimization, it return BOTTOM_DOCKED early, for small screens avoiding Popover measurement logic calculations.
+ * This component is a perf optimization, it returns BOTTOM_DOCKED early, for small screens avoiding Popover measurement logic calculations.
  */
 function PopoverWithMeasuredContent({...props}: PopoverWithMeasuredContentProps) {
     // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth