Refactors ScaleDropdownSelect placement in EventEditor

Moves the ScaleDropdownSelect for event type to a new position in the form for improved layout and usability.

Ensures that the component remains correctly enabled or disabled based on the event type, maintaining validation and helper text functionality.

Enhances the user experience by streamlining the event input process.

Author: Aloento

src/Components/Event/EventEditor.tsx

@@ -40,28 +40,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