chore: small reorganization to help error appearances

src/pages/scholarship_info.rs

@@ -541,11 +541,6 @@ fn ScholarshipForm(
                 }
             >
                 <Suspense fallback=Loading>
-                    <ValidatedForm
-                        on_submit=Callback::new(on_submit)
-                        title="Scholarship Info Form"
-                        description="Create or edit a scholarship. Input all information and click Submit."
-                    >
                     {move || {
                         scholarship_info
                             .get()
@@ -554,6 +549,11 @@ fn ScholarshipForm(
                                     Ok(_) => {
                                         Either::Left(
                                             view! {
+                                                <ValidatedForm
+                                                    on_submit=Callback::new(on_submit)
+                                                    title="Scholarship Info Form"
+                                                    description="Create or edit a scholarship. Input all information and click Submit."
+                                                >
                                                     <Row>
                                                         <OutlinedTextField
                                                             label="Scholarship Name"
@@ -694,6 +694,7 @@ fn ScholarshipForm(
                                                             displayed_text=misc_text
                                                         />
                                                     </Row>
+                                                </ValidatedForm>
                                             },
                                         )
                                     }
@@ -708,7 +709,6 @@ fn ScholarshipForm(
                             })
                             .collect_view()
                     }}
-                    </ValidatedForm>
                 </Suspense>
             </Show>
         </Panel>