refactor: 💡 Refactor Start date format within session-recording (#209)

* refactor: 💡 Refactor Start date format within session-recording

ui/admin/app/formats.js

@@ -34,13 +34,6 @@ export default {
       minute: 'numeric',
       timeZoneName: 'short',
     },
-    mmddyyhhmm: {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: 'numeric',
-      minute: 'numeric',
-    },
   },
   number: {
     compact: { notation: 'compact' },

ui/admin/app/templates/scopes/scope/session-recordings/index.hbs

@@ -25,7 +25,9 @@
             {{! Time }}
             <B.Td>
               <span class='hds-foreground-faint'>
-                {{format-date B.data.start_time format='mmddyyhhmm'}}
+                <time datetime={{format-date-iso B.data.start_time}}>
+                  {{format-date-iso-human B.data.start_time}}
+                </time>
               </span>
             </B.Td>
             {{! User }}

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

@@ -27,7 +27,12 @@
           <MetadataList @orientation='vertical' as |list|>
             {{! Start time }}
             <list.Item @icon='calendar' @color='faint'>
-              {{@model.channelRecording.start_time}}
+              {{t 'form.started.label'}}
+              <time
+                datetime={{format-date-iso @model.channelRecording.start_time}}
+              >
+                {{format-date-iso-human @model.channelRecording.start_time}}
+              </time>
             </list.Item>
             {{! Duration }}
             <list.Item @icon='clock' @color='faint'>

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

@@ -77,7 +77,14 @@
             <MetadataList @orientation='vertical' as |list|>
               {{! Start time }}
               <list.Item @icon='calendar' @color='faint'>
-                {{@model.sessionRecording.start_time}}
+                {{t 'form.started.label'}}
+                <time
+                  datetime={{format-date-iso
+                    @model.sessionRecording.start_time
+                  }}
+                >
+                  {{format-date-iso-human @model.sessionRecording.start_time}}
+                </time>
               </list.Item>
               {{! Duration }}
               <list.Item @icon='clock' @color='faint'>