feat: Add sidebar layout to desktop scope route

ui/admin/app/routes/scopes/scope.js

@@ -80,7 +80,7 @@ export default class ScopesScopeRoute extends Route {
   }
 
   /**
-   * Renders the scope-specific sidebar template.
+   * Renders the scope-specific header template.
    * @override
    * @param {object} controller
    * @param {object} model

ui/desktop/app/templates/scopes.hbs

@@ -1,5 +1 @@
-{{page-title (t 'resources.scope.title_plural')}}
-
-<main>
-  {{outlet}}
-</main>
+{{outlet}}

ui/desktop/app/templates/scopes/index.hbs

@@ -1,36 +1 @@
-<Rose::Layout::Page as |page|>
-
-  <page.header>
-    <h2>
-      {{t "resources.scope.title_plural"}}
-    </h2>
-  </page.header>
-
-  <page.body>
-    <Rose::Table as |table|>
-      <table.header as |header|>
-        <header.row as |row|>
-          <row.headerCell>{{t 'resources.scope.title'}}</row.headerCell>
-        </header.row>
-      </table.header>
-      <table.body as |body|>
-        {{#each @model as |scope|}}
-          <body.row as |row|>
-            <row.cell>
-              <Rose::LinkButton
-                @route="scopes.scope"
-                @model={{scope.id}}
-              >
-                {{scope.name}}
-              </Rose::LinkButton>
-            </row.cell>
-            <row.cell>
-              {{scope.id}}
-            </row.cell>
-          </body.row>
-        {{/each}}
-      </table.body>
-    </Rose::Table>
-  </page.body>
-
-</Rose::Layout::Page>
+{{outlet}}

ui/desktop/app/templates/scopes/scope.hbs

@@ -1 +1,18 @@
-{{outlet}}
+<Rose::Layout::Sidebar as |sidebarLayout|>
+  <sidebarLayout.sidebar>
+    <Rose::Nav::Sidebar as |nav|>
+      <nav.link @route="scopes.scope.projects.targets">
+        <Rose::Icon
+          @name="app-icons/target"
+          @size="medium" />
+          {{t "resources.target.title_plural"}}
+      </nav.link>
+    </Rose::Nav::Sidebar>
+  </sidebarLayout.sidebar>
+
+  <sidebarLayout.body>
+    <main>
+      {{outlet}}
+    </main>
+  </sidebarLayout.body>
+</Rose::Layout::Sidebar>