fix(ui): flat progress bar on status page, format created-time

templates/status.html

@@ -8,7 +8,7 @@
       <span class="status-badge badge badge-{{ 'info' if job.status.name == 'RUNNING' else 'warning' if job.status.name == 'PENDING' else 'success' if job.status.name == 'COMPLETED' else 'error' if job.status.name == 'FAILED' else 'neutral' }}" id="status-badge">
         {{ job.status.name }}
       </span>
-      <span class="status-time" id="created-time">{{ job.created_at | int }}</span>
+      <time class="status-time" id="created-time" datetime="{{ job.created_at }}">{{ job.created_at | int }}</time>
     </div>
     <h2 class="job-id" id="job-title">Job {{ job.job_id[:8] }}...</h2>
   </div>
@@ -98,6 +98,12 @@
 <script src="{{ url_for('static', filename='app.js') }}"></script>
 <script>
   document.addEventListener('DOMContentLoaded', function () {
+    var el = document.getElementById('created-time');
+    if (el) {
+      var ts = parseInt(el.getAttribute('datetime'), 10) * 1000;
+      var d = new Date(ts);
+      el.textContent = d.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', hour: 'numeric', minute: '2-digit', hour12: true });
+    }
     if (typeof initStatusPage === 'function') {
       initStatusPage('{{ job.job_id }}', '{{ job.status.name }}');
     }