refactor: 💡 convert nav components to nested structure

addons/rose/addon/components/rose/nav/breadcrumbs.js

@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/nav/breadcrumbs';
-
-/**
- * A navigation component with links.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});

addons/rose/addon/components/rose/nav/sidebar.js

@@ -1,11 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/nav/sidebar';
-import ComponentAutoId from '../../../mixins/component-auto-id';
-
-/**
- * A simple navigation component intended for the sidebar layout region.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});

addons/rose/addon/components/rose/nav/sidebar/index.js

@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../utilities/component-auto-id';
+
+export default class RoseNavSidebarComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}

addons/rose/addon/components/rose/nav/tabs.js

@@ -1,6 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/nav/tabs';
-
-export default Component.extend({
-  layout,
-});