fix extra padding below emoji skin ton selection when keyboard is up

src/components/Modal/BaseModal.tsx

@@ -2,6 +2,7 @@ import React, {forwardRef, useCallback, useEffect, useMemo, useRef} from 'react'
 import {View} from 'react-native';
 import ReactNativeModal from 'react-native-modal';
 import ColorSchemeWrapper from '@components/ColorSchemeWrapper';
+import useKeyboardState from '@hooks/useKeyboardState';
 import usePrevious from '@hooks/usePrevious';
 import useSafeAreaInsets from '@hooks/useSafeAreaInsets';
 import useStyleUtils from '@hooks/useStyleUtils';
@@ -45,6 +46,7 @@ function BaseModal(
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
     const {windowWidth, windowHeight, isSmallScreenWidth} = useWindowDimensions();
+    const keyboardStateContextValue = useKeyboardState();
 
     const safeAreaInsets = useSafeAreaInsets();
 
@@ -161,7 +163,7 @@ function BaseModal(
         safeAreaPaddingRight,
         shouldAddBottomSafeAreaMargin,
         shouldAddTopSafeAreaMargin,
-        shouldAddBottomSafeAreaPadding,
+        shouldAddBottomSafeAreaPadding: !keyboardStateContextValue?.isKeyboardShown && shouldAddBottomSafeAreaPadding,
         shouldAddTopSafeAreaPadding,
         modalContainerStyleMarginTop: modalContainerStyle.marginTop,
         modalContainerStyleMarginBottom: modalContainerStyle.marginBottom,