feat(server/web): jobs clear button + queue status (#2144)

* feat(server/web): jobs clear button + queue status

* adjust design and colors

* Adjust some styling

* show status next to buttons instead of on top

* Update rounded corner for badge

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

mobile/openapi/test/all_job_status_response_dto_test.dart

@@ -16,42 +16,42 @@ void main() {
   // final instance = AllJobStatusResponseDto();
 
   group('test AllJobStatusResponseDto', () {
-    // JobCountsDto thumbnailGenerationQueue
+    // JobStatusDto thumbnailGenerationQueue
     test('to test the property `thumbnailGenerationQueue`', () async {
       // TODO
     });
 
-    // JobCountsDto metadataExtractionQueue
+    // JobStatusDto metadataExtractionQueue
     test('to test the property `metadataExtractionQueue`', () async {
       // TODO
     });
 
-    // JobCountsDto videoConversionQueue
+    // JobStatusDto videoConversionQueue
     test('to test the property `videoConversionQueue`', () async {
       // TODO
     });
 
-    // JobCountsDto objectTaggingQueue
+    // JobStatusDto objectTaggingQueue
     test('to test the property `objectTaggingQueue`', () async {
       // TODO
     });
 
-    // JobCountsDto clipEncodingQueue
+    // JobStatusDto clipEncodingQueue
     test('to test the property `clipEncodingQueue`', () async {
       // TODO
     });
 
-    // JobCountsDto storageTemplateMigrationQueue
+    // JobStatusDto storageTemplateMigrationQueue
     test('to test the property `storageTemplateMigrationQueue`', () async {
       // TODO
     });
 
-    // JobCountsDto backgroundTaskQueue
+    // JobStatusDto backgroundTaskQueue
     test('to test the property `backgroundTaskQueue`', () async {
       // TODO
     });
 
-    // JobCountsDto searchQueue
+    // JobStatusDto searchQueue
     test('to test the property `searchQueue`', () async {
       // TODO
     });

mobile/openapi/test/job_api_test.dart

@@ -26,7 +26,7 @@ void main() {
 
     // 
     //
-    //Future sendJobCommand(JobName jobId, JobCommandDto jobCommandDto) async
+    //Future<JobStatusDto> sendJobCommand(JobName jobId, JobCommandDto jobCommandDto) async
     test('test sendJobCommand', () async {
       // TODO
     });

mobile/openapi/test/job_status_dto_test.dart

@@ -0,0 +1,32 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.12
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+import 'package:openapi/api.dart';
+import 'package:test/test.dart';
+
+// tests for JobStatusDto
+void main() {
+  // final instance = JobStatusDto();
+
+  group('test JobStatusDto', () {
+    // JobCountsDto jobCounts
+    test('to test the property `jobCounts`', () async {
+      // TODO
+    });
+
+    // QueueStatusDto queueStatus
+    test('to test the property `queueStatus`', () async {
+      // TODO
+    });
+
+
+  });
+
+}

mobile/openapi/test/queue_status_dto_test.dart

@@ -0,0 +1,32 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.12
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+import 'package:openapi/api.dart';
+import 'package:test/test.dart';
+
+// tests for QueueStatusDto
+void main() {
+  // final instance = QueueStatusDto();
+
+  group('test QueueStatusDto', () {
+    // bool isActive
+    test('to test the property `isActive`', () async {
+      // TODO
+    });
+
+    // bool isPaused
+    test('to test the property `isPaused`', () async {
+      // TODO
+    });
+
+
+  });
+
+}