fix: mention suggestions overlaps composer

src/components/AutoCompleteSuggestions/AutoCompleteSuggestionsPortal/getBottomSuggestionPadding/index.ios.ts

@@ -1,5 +1,5 @@
 function getBottomSuggestionPadding(): number {
-    return 16;
+    return 26;
 }
 
 export default getBottomSuggestionPadding;

src/components/AutoCompleteSuggestions/AutoCompleteSuggestionsPortal/getBottomSuggestionPadding/index.ts

@@ -1,4 +1,9 @@
+import {isMobile} from '@libs/Browser';
+
 function getBottomSuggestionPadding(): number {
+    if (!isMobile()) {
+        return -6;
+    }
     return 6;
 }
 

src/components/AutoCompleteSuggestions/AutoCompleteSuggestionsPortal/index.tsx

@@ -40,7 +40,7 @@ function AutoCompleteSuggestionsPortal<TSuggestion>({
         ReactDOM.createPortal(
             <>
                 <TransparentOverlay onPress={resetSuggestions} />
-                <View style={StyleUtils.getBaseAutoCompleteSuggestionContainerStyle({left, width, bottom: bottom - getBottomSuggestionPadding()})}>{componentToRender}</View>
+                <View style={StyleUtils.getBaseAutoCompleteSuggestionContainerStyle({left, width, bottom: bottom + getBottomSuggestionPadding()})}>{componentToRender}</View>
             </>,
             bodyElement,
         )