chore: 🤖 improve hosts/new titling - icu-6722 (#1419)

✅ Closes: icu-6722

addons/core/translations/resources/en-us.yaml

@@ -156,6 +156,8 @@ host:
     none-friendly:
       title: No Hosts Available
       description: No hosts available to display yet.
+  titles:
+    new: New Host
   actions:
     add: Add Host
     create: New Host

ui/admin/app/components/host-catalogs/host-catalog/hosts/new/header/index.hbs

@@ -1,4 +1,5 @@
 <h2>
-  {{t 'titles.new'}}
+  {{t 'resources.host.titles.new'}}
   <DocLink @doc='host.new' @iconSize='large' />
-</h2>
+</h2>
+<p>{{t 'resources.host.description'}}</p>

ui/admin/app/controllers/scopes/scope/host-catalogs/host-catalog/hosts/new.js

@@ -0,0 +1,18 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+
+export default class ScopesScopeHostCatalogsHostCatalogHostsNewController extends Controller {
+  // =services
+
+  @service intl;
+
+  // =attributes
+
+  /**
+   * Translated roles breadcrumb
+   * @type {string}
+   */
+  get breadCrumb() {
+    return this.intl.t('resources.host.titles.new');
+  }
+}

ui/admin/tests/unit/controllers/scopes/scope/host-catalogs/host-catalog/hosts/new-test.js

@@ -0,0 +1,17 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module(
+  'Unit | Controller | scopes/scope/host-catalogs/host-catalog/hosts/new',
+  function (hooks) {
+    setupTest(hooks);
+
+    // TODO: Replace this with your real tests.
+    test('it exists', function (assert) {
+      let controller = this.owner.lookup(
+        'controller:scopes/scope/host-catalogs/host-catalog/hosts/new'
+      );
+      assert.ok(controller);
+    });
+  }
+);