build: Upgrade stylelint to version 16 and fix issues

Migrate upgrade stylelint from version 10 to 16 and fix all the
stylelint and prettier issues in scss files.

The following deprecated stylistic rules are no longer supported in
stylelint, and the checks are taken over by prettier:

- string-quotes
- max-empty-lines
- max-line-length

src/app/system/manage-jobs/cob-workflow/cob-workflow.component.scss

@@ -20,12 +20,12 @@
 
 .suspend {
   background: #32cd32;
-  color: #ffffff;
+  color: #fff;
 }
 
 .activate {
   background: #f44366;
-  color: #ffffff;
+  color: #fff;
 }
 
 .space-top {

src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.scss

@@ -6,17 +6,21 @@
     color: #fff;
     background-color: #32cd32;
   }
+
   .mat-raised-button.mat-reject {
     color: #fff;
     background-color: #ffa726;
   }
+
   #search-button {
     height: 2.5rem;
     margin-top: 1rem;
   }
-  .view-details{
+
+  .view-details {
     cursor: pointer;
   }
+
   table {
     tr.select-row:hover {
       cursor: pointer;

src/app/system/manage-jobs/manage-jobs.component.scss

@@ -5,22 +5,27 @@
   padding: 0;
   padding-bottom: 50px;
   min-height: 500px;
+
   .header {
     padding: 1%;
+
     .header-title-group {
       .client-card-title {
         margin-top: 1.4rem;
         color: white;
         width: 90%;
+
         p {
           color: white;
         }
       }
     }
   }
+
   .navigation-tabs {
     overflow: auto;
   }
+
   i:hover {
     cursor: pointer;
   }

src/app/system/manage-jobs/scheduler-jobs/custom-parameters-popover/custom-parameters-popover.component.scss

@@ -1,9 +1,9 @@
 .message {
-    height: auto;
-    font-weight: 500;
-    color: #f44366;
+  height: auto;
+  font-weight: 500;
+  color: #f44366;
 }
 
 .message.green {
-    color: #32cd32;
+  color: #32cd32;
 }

src/app/system/manage-jobs/scheduler-jobs/error-log-popover/error-log-popover.component.scss

@@ -1,47 +1,47 @@
 .message {
-    height: auto;
-    font-weight: 500;
+  height: auto;
+  font-weight: 500;
 }
 
 tr {
-    padding-bottom: 10px;
+  padding-bottom: 10px;
 }
 
-span:not(.note){
-    font-size: .9rem;
-    line-height: 14px    
+span:not(.note) {
+  font-size: 0.9rem;
+  line-height: 14px;
 }
 
 .note-text {
-    height: 7.95rem;
-    overflow: hidden;
-    display: inline-block;
-    position: relative;
-    text-align: left;
+  height: 7.95rem;
+  overflow: hidden;
+  display: inline-block;
+  position: relative;
+  text-align: left;
 }
 
 .note-field:not(.show)::after {
-    content: '...';
-    padding-left: .5rem;
-    position: absolute;
-    right: 0;
-    bottom: 0;
+  content: '...';
+  padding-left: 0.5rem;
+  position: absolute;
+  right: 0;
+  bottom: 0;
 }
 
 .show {
-    overflow: visible;
-    text-overflow: none;
-    height: auto;
+  overflow: visible;
+  text-overflow: none;
+  height: auto;
 }
 
 button {
-    background: transparent;
-    font-size: small;
-    border: none;
-    padding: 0;
-    cursor: pointer;
+  background: transparent;
+  font-size: small;
+  border: none;
+  padding: 0;
+  cursor: pointer;
 }
 
 button:hover {
-    text-decoration: none;
+  text-decoration: none;
 }

src/app/system/manage-jobs/scheduler-jobs/manage-scheduler-jobs.component.scss

@@ -28,12 +28,12 @@ table {
 
 .suspend {
   background: #32cd32;
-  color: #ffffff;
+  color: #fff;
 }
 
 .activate {
   background: #f44366;
-  color: #ffffff;
+  color: #fff;
 }
 
 .space-top {
@@ -43,4 +43,4 @@ table {
 .cdk-column-displayName,
 .mat-column-displayName {
   flex: 0 0 5px !important;
-}
+}

src/app/system/manage-jobs/scheduler-jobs/view-history-scheduler-job/view-history-scheduler-job.component.scss

@@ -1,32 +1,32 @@
 table {
-    width: 100%;
-  
-    .select-row:hover {
-      cursor: pointer;
-    }
+  width: 100%;
+
+  .select-row:hover {
+    cursor: pointer;
+  }
 }
-  
+
 .success {
-    color: #32cd32;
+  color: #32cd32;
 }
-  
+
 .fail {
-    color: #f44366;
+  color: #f44366;
 }
-  
+
 .currently-running {
-    color: #32cd32;
+  color: #32cd32;
 }
-  
+
 .not-currently-running {
-    color: #f44366;
+  color: #f44366;
 }
-  
+
 .errorlog {
-    color: #ffa726;
+  color: #ffa726;
 }
-  
+
 .suspend {
-    background: #ffa726;
-    color: #ffffff;
+  background: #ffa726;
+  color: #fff;
 }

src/app/system/manage-jobs/scheduler-jobs/view-scheduler-job/view-scheduler-job.component.scss

@@ -7,4 +7,4 @@
       word-wrap: break-word;
     }
   }
-}
+}

src/app/system/manage-jobs/workflow-jobs/workflow-jobs.component.scss

@@ -17,9 +17,10 @@
 .cdk-drag-preview {
   box-sizing: border-box;
   border-radius: 4px;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 5px 5px -3px rgb(0 0 0 / 20%),
+    0 8px 10px 1px rgb(0 0 0 / 14%),
+    0 3px 14px 2px rgb(0 0 0 / 12%);
 }
 
 .cdk-drag-placeholder {