frontend: move name field to the top of the signup form (#2508)

Fixes #2507

Does what it says on the tin!

frontend/src/features/accounts/sign-up-form.ts

@@ -85,6 +85,23 @@ export class SignUpForm extends LiteElement {
       <form @submit=${this.onSubmit} aria-describedby="formError">
         ${serverError}
 
+        <div class="mb-5">
+          <sl-input
+            id="name"
+            name="name"
+            label=${msg("Your name")}
+            autocomplete="nickname"
+            minlength="2"
+            class="hide-required-content"
+            required
+          >
+          </sl-input>
+          <p class="mt-2 text-xs text-neutral-500">
+            ${msg(
+              "Your full name, nickname, or another name that org collaborators can see.",
+            )}
+          </p>
+        </div>
         <div class="mb-5">
           ${this.email
             ? html`
@@ -136,23 +153,6 @@ export class SignUpForm extends LiteElement {
           </p>
           ${when(this.pwStrengthResults, this.renderPasswordStrength)}
         </div>
-        <div class="mb-5">
-          <sl-input
-            id="name"
-            name="name"
-            label=${msg("Your name")}
-            autocomplete="nickname"
-            minlength="2"
-            class="hide-required-content"
-            required
-          >
-          </sl-input>
-          <p class="mt-2 text-xs text-neutral-500">
-            ${msg(
-              "Your full name, nickname, or another name that org collaborators can see.",
-            )}
-          </p>
-        </div>
 
         <sl-button
           class="w-full"