refactor: 💡 update how project & target are displayed in table (#242)

* refactor: 💡 update how project & target are displayed in table

✅ Closes: ICU-9165

* refactor: 💡 update gap to use rem

* refactor: 💡 update with PR feedback

* refactor: 💡 use flex-direction column instead of display block

ui/admin/tests/acceptance/session-recordings/read-test.js

@@ -39,8 +39,12 @@ module('Acceptance | session recordings | read', function (hooks) {
       type: 'org',
       scope: { id: 'global', type: 'global' },
     });
+    instances.target = this.server.create('target', {
+      scope: instances.scopes.global,
+    });
     instances.sessionRecording = this.server.create('session-recording', {
       scope: instances.scopes.global,
+      target: instances.target.attrs,
     });
     instances.connectionRecording = this.server.create('connection-recording', {
       session_recording: instances.sessionRecording,