Fix translations flickering on Search delete modal

src/components/Search/SearchPageHeader.tsx

@@ -1,5 +1,5 @@
 import React, {useMemo, useState} from 'react';
-import type {StyleProp, TextStyle} from 'react-native';
+import {InteractionManager, StyleProp, TextStyle} from 'react-native';
 import {View} from 'react-native';
 import {useOnyx} from 'react-native-onyx';
 import Button from '@components/Button';
@@ -150,9 +150,14 @@ function SearchPageHeader({queryJSON, hash}: SearchPageHeaderProps) {
             return;
         }
 
-        clearSelectedTransactions();
         setIsDeleteExpensesConfirmModalVisible(false);
         SearchActions.deleteMoneyRequestOnSearch(hash, selectedTransactionsKeys);
+
+        // Translations copy for delete modal depends on amount of selected items,
+        // We need to wait for modal to fully disappear before clearing them to avoid translation flicker between singular vs plural
+        InteractionManager.runAfterInteractions(() => {
+            clearSelectedTransactions();
+        });
     };
 
     const headerButtonsOptions = useMemo(() => {
@@ -359,6 +364,9 @@ function SearchPageHeader({queryJSON, hash}: SearchPageHeaderProps) {
             </HeaderWrapper>
             <ConfirmModal
                 isVisible={isDeleteExpensesConfirmModalVisible}
+                onModalHide={() => {
+                    console.log('on hide', selectedTransactionsKeys);
+                }}
                 onConfirm={handleDeleteExpenses}
                 onCancel={() => {
                     setIsDeleteExpensesConfirmModalVisible(false);