FE: Topics: make the topic name field focused (#2986)

Co-authored-by: Roman Zabaluev <[email protected]>

Author: kristi-dev

kafka-ui-react-app/src/components/Connect/New/New.tsx

@@ -133,6 +133,7 @@ const New: React.FC = () => {
             inputSize="M"
             placeholder="Connector Name"
             name="name"
+            autoFocus
             autoComplete="off"
             disabled={isSubmitting}
           />

kafka-ui-react-app/src/components/Schemas/New/New.tsx

@@ -103,6 +103,7 @@ const New: React.FC = () => {
           <Input
             inputSize="M"
             placeholder="Schema Name"
+            autoFocus
             name="subject"
             autoComplete="off"
             disabled={isSubmitting}

kafka-ui-react-app/src/components/Topics/shared/Form/TopicForm.tsx

@@ -93,6 +93,7 @@ const TopicForm: React.FC<Props> = ({
               <InputLabel htmlFor="topicFormName">Topic Name *</InputLabel>
               <Input
                 id="topicFormName"
+                autoFocus
                 name="name"
                 placeholder="Topic Name"
                 defaultValue={topicName}