fix: refactor event type selection in EventEditor component

Author: Aloento

src/Components/Event/EventEditor.tsx

@@ -29,28 +29,28 @@ export function EventEditor({ Event }: { Event: Models.IEvent }) {
       class="absolute"
       onScale-before-close={(e) => e.preventDefault()}
     >
-
-      <ScaleDropdownSelect
-        label="Type"
-        value={State.type}
-        disabled={!IsIncident(Event.Type)}
-        onScale-change={(e) => Actions.setType(e.target.value as EventType)}
-        invalid={!!Validation.type}
-        helperText={Validation.type}
-      >
-        {Object.values(EventType).slice(2, 5).map((type, i) =>
-          <ScaleDropdownSelectItem value={type} key={i}>
-            {type}
-          </ScaleDropdownSelectItem>)}
-      </ScaleDropdownSelect>
-
       <form
         className="flex flex-col gap-y-6"
         autoComplete="off"
         onSubmit={(e) => {
           e.preventDefault();
           OnSubmit().then(() => setFalse());
         }}>
+
+        <ScaleDropdownSelect
+          label="Type"
+          value={State.type}
+          disabled={!IsIncident(Event.Type)}
+          onScale-change={(e) => Actions.setType(e.target.value as EventType)}
+          invalid={!!Validation.type}
+          helperText={Validation.type}
+        >
+          {Object.values(EventType).slice(2, 5).map((type, i) =>
+            <ScaleDropdownSelectItem value={type} key={i}>
+              {type}
+            </ScaleDropdownSelectItem>)}
+        </ScaleDropdownSelect>
+
         <ScaleTextField
           placeholder="Please give the title of event"
           required