[Infra UI] Auto focus search bar when page mounts for accessibility (#…

…31758) (#31972)

* Fixes #28154 - Auto focus search bar when page mounts

* Adding check

x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx

@@ -85,6 +85,12 @@ export class AutocompleteField extends React.Component<
     );
   }
 
+  public componentDidMount() {
+    if (this.inputElement) {
+      this.inputElement.focus();
+    }
+  }
+
   public componentDidUpdate(prevProps: AutocompleteFieldProps, prevState: AutocompleteFieldState) {
     const hasNewValue = prevProps.value !== this.props.value;
     const hasNewSuggestions = prevProps.suggestions !== this.props.suggestions;