chore: 🤖 improve host-catalogs/new titling - icu-6720 (#1417)

✅ Closes: icu-6720

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

@@ -87,6 +87,8 @@ host-catalog:
   messages:
     welcome:
       title: Welcome to Host Catalogs
+  titles:
+    new: New Host Catalog
   actions:
     delete: Delete Host Catalog
   help:

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

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

ui/admin/app/templates/scopes/scope/host-catalogs/index.hbs

@@ -21,7 +21,7 @@
           @route='scopes.scope.host-catalogs.new'
           @style='primary'
         >
-          {{t 'titles.new'}}
+          {{t 'resources.host-catalog.titles.new'}}
         </Rose::LinkButton>
       {{/if}}
     {{/if}}

ui/admin/app/templates/scopes/scope/host-catalogs/new.hbs

@@ -8,9 +8,10 @@
 
   <page.header>
     <h2>
-      {{t 'titles.new'}}
+      {{t 'resources.host-catalog.titles.new'}}
       <DocLink @doc='host-catalog.new' @iconSize='large' />
     </h2>
+    <p>{{t 'resources.host-catalog.description'}}</p>
   </page.header>
 
   <page.body>