Add Sidebar layout component within channel view

ui/admin/app/templates/scopes/scope/session-recordings/session-recording/channels-by-connection/channel.hbs

@@ -1,5 +1,19 @@
 {{page-title (t 'resources.session-recording.channel.title')}}
 
-<p>{{@model.scope_id}}</p>
-<SessionRecording::Player @asciiCast={{@model.asciicast}} />
-{{outlet}}
+<Rose::Layout::Page as |page|>
+  <page.header>
+    <h2>{{t 'resources.session-recording.channel.title'}}</h2>
+  </page.header>
+
+  <page.body>
+    <Layout::Sidebar as |sb|>
+      <sb.Body>
+        <SessionRecording::Player @asciiCast={{@model.asciicast}} />
+      </sb.Body>
+
+      <sb.Sidebar>
+        <p>{{@model.scope_id}}</p>
+      </sb.Sidebar>
+    </Layout::Sidebar>
+  </page.body>
+</Rose::Layout::Page>