fix: 🐛 add model hook to host route for dynamic host catalogs (#1659)

* fix: 🐛 add model hook to host route for dynamic host catalogs

✅ Closes: ICU-8594

* refactor: 💡 remove page formatting for host route

ui/admin/app/routes/scopes/scope/host-catalogs/host-catalog/host-sets/host-set/hosts/host.js

@@ -4,5 +4,22 @@
  */
 
 import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
 
-export default class ScopesScopeHostCatalogsHostCatalogHostSetsHostSetHostsHostRoute extends Route {}
+export default class ScopesScopeHostCatalogsHostCatalogHostSetsHostSetHostsHostRoute extends Route {
+  // =services
+
+  @service store;
+
+  // =methods
+
+  /**
+   * Load a host in current scope.
+   * @param {object} params
+   * @param {string} params.host_id
+   * @return {HostModel}
+   */
+  async model({ host_id }) {
+    return this.store.findRecord('host', host_id, { reload: true });
+  }
+}

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

@@ -17,7 +17,7 @@
   </page.actions>
 
   <page.navigation>
-    <HostCatalogs::HostCatalog::Hosts::Host::Navigation @model={{@model}} />
+    <HostCatalogs::HostCatalog::Hosts::Host::Navigation />
   </page.navigation>
 
   <page.body>