feat(ui): Focus the first editable field in all edit forms

Note that since the secret and infrastructure names cannot be changed
with PATCH queries, in those edit forms the first editable field gets
the focus.

Signed-off-by: Jyrki Keisala <[email protected]>

Author: Etsija

ui/src/routes/_layout/organizations/$orgId/edit.tsx

@@ -119,7 +119,7 @@ const EditOrganizationPage = () => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Name</FormLabel>
-                  <FormControl>
+                  <FormControl autoFocus>
                     <Input {...field} />
                   </FormControl>
                   <FormDescription>

ui/src/routes/_layout/organizations/$orgId/infrastructure-services/$serviceName/edit.tsx

@@ -167,7 +167,7 @@ const EditInfrastructureServicePage = () => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Url</FormLabel>
-                  <FormControl>
+                  <FormControl autoFocus>
                     <Input {...field} type='url' />
                   </FormControl>
                   <FormDescription>

ui/src/routes/_layout/organizations/$orgId/products/$productId/edit.tsx

@@ -118,7 +118,7 @@ const EditProductPage = () => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>Name</FormLabel>
-                  <FormControl>
+                  <FormControl autoFocus>
                     <Input {...field} />
                   </FormControl>
                   <FormDescription>

ui/src/routes/_layout/organizations/$orgId/products/$productId/repositories/$repoId/edit.tsx

@@ -138,7 +138,7 @@ const EditRepositoryPage = () => {
               render={({ field }) => (
                 <FormItem>
                   <FormLabel>URL</FormLabel>
-                  <FormControl>
+                  <FormControl autoFocus>
                     <Input {...field} />
                   </FormControl>
                   <FormDescription>URL of the repository</FormDescription>

ui/src/routes/_layout/organizations/$orgId/products/$productId/repositories/$repoId/secrets/$secretName/edit.tsx

@@ -152,7 +152,7 @@ const EditRepositorySecretPage = () => {
               render={({ field }) => (
                 <FormItem className='mt-0'>
                   <FormLabel>Value</FormLabel>
-                  <FormControl>
+                  <FormControl autoFocus>
                     <Input {...field} />
                   </FormControl>
                   <FormDescription>

ui/src/routes/_layout/organizations/$orgId/products/$productId/secrets/$secretName/edit.tsx

@@ -148,7 +148,7 @@ const EditProductSecretPage = () => {
               render={({ field }) => (
                 <FormItem className='mt-0'>
                   <FormLabel>Value</FormLabel>
-                  <FormControl>
+                  <FormControl autoFocus>
                     <Input {...field} />
                   </FormControl>
                   <FormDescription>

ui/src/routes/_layout/organizations/$orgId/secrets/$secretName/edit.tsx

@@ -149,7 +149,7 @@ const EditOrganizationSecretPage = () => {
               render={({ field }) => (
                 <FormItem className='mt-0'>
                   <FormLabel>Value</FormLabel>
-                  <FormControl>
+                  <FormControl autoFocus>
                     <Input {...field} />
                   </FormControl>
                   <FormDescription>