fix: move form end component to top

Author: eliotlim

frontend/src/components/FormEndPage/EndPageBlock.tsx

@@ -88,7 +88,7 @@ export const EndPageBlock = ({
     return 'You have successfully submitted your response.'
   }, [formTitle])
 
-  const ogpAwareness = useFeatureValue('ogp-awareness', 'none')
+  const ogpAwareness = useFeatureValue('ogp-awareness', 'badge')
   const ogpAwarenessComponent = (() => {
     switch (ogpAwareness) {
       case 'banner':
@@ -102,6 +102,7 @@ export const EndPageBlock = ({
 
   return (
     <>
+      {ogpAwarenessComponent && <Box mb="1rem">{ogpAwarenessComponent}</Box>}
       <Box ref={focusRef}>
         <VisuallyHidden aria-live="assertive">
           {submittedAriaText}
@@ -115,7 +116,6 @@ export const EndPageBlock = ({
           </Box>
         ) : null}
       </Box>
-      {ogpAwarenessComponent && <Box mt="1rem">{ogpAwarenessComponent}</Box>}
       <Box mt="1rem">
         <Box>
           <Text textColor="secondary.300" textStyle="caption-2">