fix(shadcn): Display name at top of form

Author: Ehesp

packages/shadcn/src/components/sign-up-auth-form.tsx

@@ -47,6 +47,21 @@ export function SignUpAuthForm(props: SignUpAuthFormProps) {
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-2">
+        {requireDisplayName ? (
+          <FormField
+            control={form.control}
+            name="displayName"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{getTranslation(ui, "labels", "displayName")}</FormLabel>
+                <FormControl>
+                  <Input {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        ) : null}
         <FormField
           control={form.control}
           name="email"
@@ -73,21 +88,6 @@ export function SignUpAuthForm(props: SignUpAuthFormProps) {
             </FormItem>
           )}
         />
-        {requireDisplayName ? (
-          <FormField
-            control={form.control}
-            name="displayName"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel>{getTranslation(ui, "labels", "displayName")}</FormLabel>
-                <FormControl>
-                  <Input {...field} />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-        ) : null}
         <Policies />
         <Button type="submit" disabled={ui.state !== "idle"}>
           {getTranslation(ui, "labels", "createAccount")}