Move the error box to the top of the form

frontend/src/routes/sponsor/guest/guestInfo/index.tsx

@@ -237,6 +237,16 @@ export default function GuestInfo({
           <Typography sx={{ marginBottom: '1rem' }} variant="body1">
             {t('guestInfo.contactInfoBody')}
           </Typography>
+          {emailUpdateError !== undefined && (
+            <Box sx={{ marginTop: '1rem', marginBottom: '1rem' }}>
+              <ServerErrorReport
+                errorHeading={emailUpdateError?.errorHeading}
+                statusCode={emailUpdateError?.statusCode}
+                statusText={emailUpdateError?.statusText}
+                errorBodyText={emailUpdateError?.errorBodyText}
+              />
+            </Box>
+          )}
           {updateOKMsg !== '' && (
             <Alert
               severity="success"
@@ -347,16 +357,6 @@ export default function GuestInfo({
           >
             {t('button.save')}
           </Button>
-          {emailUpdateError !== undefined && (
-            <Box sx={{ marginTop: '1rem' }}>
-              <ServerErrorReport
-                errorHeading={emailUpdateError?.errorHeading}
-                statusCode={emailUpdateError?.statusCode}
-                statusText={emailUpdateError?.statusText}
-                errorBodyText={emailUpdateError?.errorBodyText}
-              />
-            </Box>
-          )}
         </Box>
       </form>
       <Typography sx={{ marginBottom: '1rem' }} variant="h2">