feat: inline setting input fields with buttons

apps/web/src/views/settings/components/UpdateDisplayNameForm.tsx

@@ -64,19 +64,21 @@ const UpdateDisplayNameForm = ({ displayName }: { displayName: string }) => {
   };
 
   return (
-    <>
-      <div className="mb-4 flex max-w-[350px] items-center gap-2">
+    <div className="flex gap-2">
+      <div className="mb-4 flex w-full max-w-[325px] items-center gap-2">
         <Input {...register("name")} errorMessage={errors.name?.message} />
       </div>
-      <Button
-        onClick={handleSubmit(onSubmit)}
-        variant="primary"
-        disabled={!isDirty || updateDisplayName.isPending}
-        isLoading={updateDisplayName.isPending}
-      >
-        Update
-      </Button>
-    </>
+      <div>
+        <Button
+          onClick={handleSubmit(onSubmit)}
+          variant="primary"
+          disabled={!isDirty || updateDisplayName.isPending}
+          isLoading={updateDisplayName.isPending}
+        >
+          Update
+        </Button>
+      </div>
+    </div>
   );
 };