improvement(oauth): reordered oauth modal (#3368)

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/credentials/credentials-manager.tsx

@@ -1138,31 +1138,6 @@ export function CredentialsManager({ onOpenChange }: CredentialsManagerProps) {
 
             {createType === 'oauth' ? (
               <div className='flex flex-col gap-[10px]'>
-                <div>
-                  <Label>
-                    Display name<span className='ml-1'>*</span>
-                  </Label>
-                  <Input
-                    value={createDisplayName}
-                    onChange={(event) => setCreateDisplayName(event.target.value)}
-                    placeholder='Secret name'
-                    autoComplete='off'
-                    data-lpignore='true'
-                    className='mt-[6px]'
-                  />
-                </div>
-                <div>
-                  <Label>Description</Label>
-                  <Textarea
-                    value={createDescription}
-                    onChange={(event) => setCreateDescription(event.target.value)}
-                    placeholder='Optional description'
-                    maxLength={500}
-                    autoComplete='off'
-                    data-lpignore='true'
-                    className='mt-[6px] min-h-[80px] resize-none'
-                  />
-                </div>
                 <div>
                   <Label>Account</Label>
                   <div className='mt-[6px]'>
@@ -1202,6 +1177,31 @@ export function CredentialsManager({ onOpenChange }: CredentialsManagerProps) {
                     />
                   </div>
                 </div>
+                <div>
+                  <Label>
+                    Display name<span className='ml-1'>*</span>
+                  </Label>
+                  <Input
+                    value={createDisplayName}
+                    onChange={(event) => setCreateDisplayName(event.target.value)}
+                    placeholder='Secret name'
+                    autoComplete='off'
+                    data-lpignore='true'
+                    className='mt-[6px]'
+                  />
+                </div>
+                <div>
+                  <Label>Description</Label>
+                  <Textarea
+                    value={createDescription}
+                    onChange={(event) => setCreateDescription(event.target.value)}
+                    placeholder='Optional description'
+                    maxLength={500}
+                    autoComplete='off'
+                    data-lpignore='true'
+                    className='mt-[6px] min-h-[80px] resize-none'
+                  />
+                </div>
               </div>
             ) : (
               <div className='flex flex-col gap-[10px]'>