Autofocus 1st field in login form (#7304)

Author: bilalabbad

changelog/+autofocus-login.added.md

@@ -0,0 +1 @@
+The login form now automatically focuses on the first field.

frontend/app/src/entities/authentication/ui/login.tsx

@@ -58,7 +58,12 @@ export const LoginForm = ({ className }: { className?: string }) => {
         await login(data);
       }}
     >
-      <InputField name="username" label="Username" rules={{ validate: { required: isRequired } }} />
+      <InputField
+        name="username"
+        label="Username"
+        rules={{ validate: { required: isRequired } }}
+        autoFocus
+      />
 
       <PasswordInputField
         name="password"

frontend/app/src/shared/components/form/fields/input.field.tsx

@@ -29,6 +29,7 @@ const InputField = ({
   unique,
   pool,
   isBulkUpdate,
+  autoFocus,
   ...props
 }: InputFieldProps) => {
   return (
@@ -62,7 +63,7 @@ const InputField = ({
                     onChange={(event) => {
                       field.onChange(updateFormFieldValue(event.target.value, defaultValue));
                     }}
-                    autoFocus={override}
+                    autoFocus={autoFocus || override}
                     onBlur={() => setOverride(false)}
                   />
                 ) : (