Wrap error messages in Layout.Center (#7655)

* Added Portal to ErrorMessage to stack it on top of the view

* Changing Portal solution for Layout.Center according to PR suggestion

src/view/com/util/error/ErrorMessage.tsx

@@ -14,6 +14,7 @@ import {useLingui} from '@lingui/react'
 
 import {usePalette} from '#/lib/hooks/usePalette'
 import {useTheme} from '#/lib/ThemeContext'
+import * as Layout from '#/components/Layout'
 import {Text} from '../text/Text'
 
 export function ErrorMessage({
@@ -31,9 +32,13 @@ export function ErrorMessage({
   const pal = usePalette('error')
   const {_} = useLingui()
   return (
+    <Layout.Center>
       <View testID="errorMessageView" style={[styles.outer, pal.view, style]}>
         <View
-        style={[styles.errorIcon, {backgroundColor: theme.palette.error.icon}]}>
+          style={[
+            styles.errorIcon,
+            {backgroundColor: theme.palette.error.icon},
+          ]}>
           <FontAwesomeIcon
             icon="exclamation"
             style={pal.text as FontAwesomeIconStyle}
@@ -64,6 +69,7 @@ export function ErrorMessage({
           </TouchableOpacity>
         )}
       </View>
+    </Layout.Center>
   )
 }