feat: 🎸 add channel ID to channel table & copyable link for ID (#226)

* feat: 🎸 add channel ID to channel table & copyable link for ID

✅ Closes: ICU-9051

* feat: 🎸 add IDs to channels-by-connection template

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

@@ -18,8 +18,14 @@
             <div class='channels-by-connection-connection-header'>
               <p class='hds-typography-display-300 hds-font-weight-semibold'>
                 {{t 'resources.session-recording.connection.title'}}
-                {{connection.id}}
               </p>
+              <Copyable
+                @text={{connection.id}}
+                @buttonText={{t 'actions.copy-to-clipboard'}}
+                @acknowledgeText={{t 'states.copied'}}
+              >
+                <code>{{connection.id}}</code>
+              </Copyable>
             </div>
             <Hds::Table
               @model={{connection.sortedChannelsByStartTimeDesc}}
@@ -35,6 +41,7 @@
                     'resources.session-recording.connection.form.summary.label'
                   )
                 )
+                (hash label=(t 'form.id.label'))
                 (hash label='' align='right')
               }}
             >
@@ -59,6 +66,15 @@
                       </list.Item>
                     </MetadataList>
                   </B.Td>
+                  <B.Td>
+                    <Copyable
+                      @text={{B.data.id}}
+                      @buttonText={{t 'actions.copy-to-clipboard'}}
+                      @acknowledgeText={{t 'states.copied'}}
+                    >
+                      <code>{{B.data.id}}</code>
+                    </Copyable>
+                  </B.Td>
                   <B.Td align='right'>
                     <Hds::Button
                       @icon='play'