#1578: Moved reciepts section around

Author: sharonyang16

src/frontend/src/pages/FinancePage/ReimbursementRequestForm/ReimbursementFormView.tsx

@@ -104,7 +104,6 @@ const ReimbursementRequestFormView: React.FC<ReimbursementRequestFormViewProps>
 
   const ReceiptFileInput = () => (
     <FormControl>
-      <FormLabel>Receipts</FormLabel>
       <ul>
         {receiptFiles.map((receiptFile, index) => (
           <li key={index}>
@@ -255,15 +254,16 @@ const ReimbursementRequestFormView: React.FC<ReimbursementRequestFormViewProps>
           </Grid>
           <Grid item xs={6}>
             <FormControl fullWidth>
-              <ReceiptFileInput />
+              <FormLabel>Receipts</FormLabel>
               <Button
                 variant="contained"
                 color="success"
                 component="label"
                 startIcon={<FileUploadIcon />}
                 sx={{
                   width: 'fit-content',
-                  textTransform: 'none'
+                  textTransform: 'none',
+                  mt: '9.75px'
                 }}
               >
                 Upload
@@ -292,6 +292,7 @@ const ReimbursementRequestFormView: React.FC<ReimbursementRequestFormViewProps>
                   hidden
                 />
               </Button>
+              <ReceiptFileInput />
               <FormHelperText error>{errors.receiptFiles?.message}</FormHelperText>
             </FormControl>
           </Grid>

src/frontend/src/pages/FinancePage/ReimbursementRequestForm/ReimbursementRequestForm.tsx

@@ -89,7 +89,7 @@ const ReimbursementRequestForm: React.FC<ReimbursementRequestFormProps> = ({
 
   const {
     fields: receiptFiles,
-    append: receiptAppend,
+    prepend: receiptAppend,
     remove: receiptRemove
   } = useFieldArray({
     control,