CB-3771 Incorrect autocomplete of the Host field while connecting to the local db in the local env (via Search) (#3266)

* CB-3771 loads host form searchDatabases for connections

* CB-3771 fixes overlap for connection host and port values

---------

Co-authored-by: Daria Marutkina <125263541+dariamarutkina@users.noreply.github.com>

Author: sergeyteleshev

webapp/packages/core-connections/src/ConnectionInfoResource.ts

@@ -326,7 +326,7 @@ export class ConnectionInfoResource extends CachedMapResource<IConnectionInfoPar
     return this.add(connection, true);
   }
 
-  async searchDatabases(hosts: string[]): Promise<AdminConnectionSearchInfo[]> {
+  async searchDatabases(hosts: string | string[]): Promise<AdminConnectionSearchInfo[]> {
     const { databases } = await this.graphQLService.sdk.searchDatabases({ hosts });
 
     return databases;

webapp/packages/plugin-connections/src/ConnectionForm/Options/ConnectionOptionsTabService.ts

@@ -164,8 +164,14 @@ export class ConnectionOptionsTabService extends Bootstrap {
     state.config.authModelId = driver?.defaultAuthModel;
     state.config.configurationType = getDefaultConfigurationType(driver);
 
-    state.config.host = driver?.defaultServer || 'localhost';
-    state.config.port = driver?.defaultPort;
+    if (!state.config.host) {
+      state.config.host = driver?.defaultServer || 'localhost';
+    }
+
+    if (!state.config.port) {
+      state.config.port = driver?.defaultPort;
+    }
+
     state.config.databaseName = driver?.defaultDatabase;
     state.config.url = driver?.sampleURL;