fix: bottom list is cut off in LHN

src/components/Modal/index.ios.js

@@ -1,21 +1,17 @@
 import React from 'react';
-import {SafeAreaView} from 'react-native';
 import withWindowDimensions from '../withWindowDimensions';
 import BaseModal from './BaseModal';
 import {propTypes, defaultProps} from './ModalPropTypes';
 
 // Only want to use <SafeAreaView> on iOS. Avoids ScrollBar in the middle of the modal.
 // https://github.com/facebook/react-native/issues/26610
 const Modal = props => (
-    <SafeAreaView>
-        <BaseModal
+    <BaseModal
             // eslint-disable-next-line react/jsx-props-no-spreading
-            {...props}
-        >
-            {props.children}
-        </BaseModal>
-    </SafeAreaView>
-
+        {...props}
+    >
+        {props.children}
+    </BaseModal>
 );
 
 Modal.propTypes = propTypes;