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/lib/model/queue_status_dto.dart

@@ -0,0 +1,119 @@
+//
+// 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
+
+part of openapi.api;
+
+class QueueStatusDto {
+  /// Returns a new [QueueStatusDto] instance.
+  QueueStatusDto({
+    required this.isActive,
+    required this.isPaused,
+  });
+
+  bool isActive;
+
+  bool isPaused;
+
+  @override
+  bool operator ==(Object other) => identical(this, other) || other is QueueStatusDto &&
+     other.isActive == isActive &&
+     other.isPaused == isPaused;
+
+  @override
+  int get hashCode =>
+    // ignore: unnecessary_parenthesis
+    (isActive.hashCode) +
+    (isPaused.hashCode);
+
+  @override
+  String toString() => 'QueueStatusDto[isActive=$isActive, isPaused=$isPaused]';
+
+  Map<String, dynamic> toJson() {
+    final json = <String, dynamic>{};
+      json[r'isActive'] = this.isActive;
+      json[r'isPaused'] = this.isPaused;
+    return json;
+  }
+
+  /// Returns a new [QueueStatusDto] instance and imports its values from
+  /// [value] if it's a [Map], null otherwise.
+  // ignore: prefer_constructors_over_static_methods
+  static QueueStatusDto? fromJson(dynamic value) {
+    if (value is Map) {
+      final json = value.cast<String, dynamic>();
+
+      // Ensure that the map contains the required keys.
+      // Note 1: the values aren't checked for validity beyond being non-null.
+      // Note 2: this code is stripped in release mode!
+      assert(() {
+        requiredKeys.forEach((key) {
+          assert(json.containsKey(key), 'Required key "QueueStatusDto[$key]" is missing from JSON.');
+          assert(json[key] != null, 'Required key "QueueStatusDto[$key]" has a null value in JSON.');
+        });
+        return true;
+      }());
+
+      return QueueStatusDto(
+        isActive: mapValueOfType<bool>(json, r'isActive')!,
+        isPaused: mapValueOfType<bool>(json, r'isPaused')!,
+      );
+    }
+    return null;
+  }
+
+  static List<QueueStatusDto>? listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <QueueStatusDto>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = QueueStatusDto.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+
+  static Map<String, QueueStatusDto> mapFromJson(dynamic json) {
+    final map = <String, QueueStatusDto>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = QueueStatusDto.fromJson(entry.value);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  // maps a json object with a list of QueueStatusDto-objects as value to a dart map
+  static Map<String, List<QueueStatusDto>> mapListFromJson(dynamic json, {bool growable = false,}) {
+    final map = <String, List<QueueStatusDto>>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = QueueStatusDto.listFromJson(entry.value, growable: growable,);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  /// The list of required keys that must be present in a JSON.
+  static const requiredKeys = <String>{
+    'isActive',
+    'isPaused',
+  };
+}
+