Move room type field up in the RoomForm

src/app/components/RoomForm.svelte

@@ -207,6 +207,22 @@
         </label>
       {/snippet}
     </FieldInline>
+    <FieldInline>
+      {#snippet label()}
+        <p>Room type</p>
+      {/snippet}
+      {#snippet input()}
+        <select class="select select-bordered w-full" bind:value={roomMode} aria-label="Room type">
+          <option value="text">Text only</option>
+          <option value="both" disabled={relayHasLivekit === false}>
+            Text and voice{relayHasLivekit === false ? " (not setup)" : ""}
+          </option>
+          <option value="voice" disabled={relayHasLivekit === false}>
+            Voice only{relayHasLivekit === false ? " (not setup)" : ""}
+          </option>
+        </select>
+      {/snippet}
+    </FieldInline>
     <strong class="md:hidden">Permissions</strong>
     <div class="flex items-center gap-2">
       <input type="checkbox" class="checkbox" bind:checked={values.isRestricted} />
@@ -224,22 +240,6 @@
       <input type="checkbox" class="checkbox" bind:checked={values.isClosed} />
       <span class="text-sm opacity-75">Ignore requests to join</span>
     </div>
-    <FieldInline>
-      {#snippet label()}
-        <p>Room type</p>
-      {/snippet}
-      {#snippet input()}
-        <select class="select select-bordered w-full" bind:value={roomMode} aria-label="Room type">
-          <option value="text">Text only</option>
-          <option value="both" disabled={relayHasLivekit === false}>
-            Text and voice{relayHasLivekit === false ? " (not setup)" : ""}
-          </option>
-          <option value="voice" disabled={relayHasLivekit === false}>
-            Voice only{relayHasLivekit === false ? " (not setup)" : ""}
-          </option>
-        </select>
-      {/snippet}
-    </FieldInline>
   </ModalBody>
   {@render footer({loading})}
 </Modal>