feat: long running queue with 1 hour of timeout

resources/views/livewire/project/application/deployment-navbar.blade.php

@@ -1,6 +1,6 @@
 <div class="flex items-center gap-2 pb-4">
     <h2>Logs</h2>
-    @if (data_get($activity, 'properties.status') === 'in_progress')
+    @if (data_get($activity, 'properties.status') === 'in_progress' || data_get($activity, 'properties.status') === 'queued')
         <x-forms.button wire:click.prevent="cancel">Cancel deployment</x-forms.button>
     @endif
 </div>

resources/views/livewire/project/application/deployments.blade.php

@@ -67,8 +67,8 @@
              dayjs.extend(window.dayjs_plugin_relativeTime);
 
              Alpine.data('elapsedTime', (uuid, status, created_at, updated_at) => ({
-                 finished_time: '0s',
-                 started_time: '0s',
+                 finished_time: 'calculating...',
+                 started_time: 'calculating...',
                  init() {
                      if (timers[uuid]) {
                          clearInterval(timers[uuid]);

resources/views/vendor/toaster/hub.blade.php

@@ -71,7 +71,7 @@
                         </svg>
                     </div>
                 </template>
-                <span x-text="toast.message" />
+                <span x-html="toast.message" />
             </i>
 
             @if ($closeable)