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/organization/adhoc-query/adhoc-query.component.scss

@@ -2,7 +2,7 @@ table {
   width: 100%;
 
   .select-row:hover {
-      cursor: pointer;
+    cursor: pointer;
   }
 }
 

src/app/organization/bulk-import/view-bulk-import/view-bulk-import.component.scss

@@ -1,5 +1,5 @@
 .imports-table {
-    overflow: auto;
+  overflow: auto;
 }
 
 .documents {

src/app/organization/bulk-loan-reassignmnet/bulk-loan-reassignmnet.component.scss

@@ -1,3 +1,3 @@
 table {
-    border: none;
+  border: none;
 }

src/app/organization/currencies/manage-currencies/manage-currencies.component.scss

@@ -1,3 +1,3 @@
-.container{
+.container {
   width: 74rem;
 }

src/app/organization/employees/create-employee/create-employee.component.scss

@@ -3,5 +3,5 @@
 }
 
 .loan-officer {
-  padding: 17.5px 0 17.5px 0;
+  padding: 17.5px 0;
 }

src/app/organization/employees/employees.component.scss

@@ -2,7 +2,7 @@ table {
   width: 100%;
 
   .select-row:hover {
-      cursor: pointer;
+    cursor: pointer;
   }
 }
 

src/app/organization/employees/view-employee/view-employee.component.scss

@@ -1,10 +1,10 @@
 .container {
   max-width: 37rem;
 
-    .content {
-      div {
-        margin: 1rem 0;
-        word-wrap: break-word;
-      }
+  .content {
+    div {
+      margin: 1rem 0;
+      word-wrap: break-word;
     }
   }
+}

src/app/organization/entity-data-table-checks/create-enity-data-table-checks/create-enity-data-table-checks.component.scss

@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }

src/app/organization/fund-mapping/fund-mapping.component.scss

@@ -1,17 +1,15 @@
 .container {
-
   max-width: 73rem;
 
   .margin-v {
     margin: 1em 0;
   }
-  
+
   .margin-b {
-    margin: 0 0 1em 0;
+    margin: 0 0 1em;
   }
-  
+
   .margin-t {
     margin-top: 1em;
   }
-
 }

src/app/organization/holidays/create-holiday/create-holiday.component.scss

@@ -1,3 +1,3 @@
-.container{
+.container {
   max-width: 37rem;
 }

src/app/organization/holidays/edit-holiday/edit-holiday.component.scss

@@ -1,3 +1,3 @@
-.container{
+.container {
   max-width: 37rem;
 }

src/app/organization/holidays/holidays.component.scss

@@ -1,6 +1,6 @@
 table {
   width: 100%;
-  
+
   .select-row:hover {
     cursor: pointer;
   }

src/app/organization/holidays/view-holidays/view-holidays.component.scss

@@ -1,14 +1,14 @@
 .container {
-    max-width: 37rem;
-    
-    .content {
-      div {
-        margin: 1rem 0;
-        word-wrap: break-word;
-  
-        &.header {
-          font-weight: 500;
-        }
+  max-width: 37rem;
+
+  .content {
+    div {
+      margin: 1rem 0;
+      word-wrap: break-word;
+
+      &.header {
+        font-weight: 500;
       }
     }
+  }
 }

src/app/organization/investors/investors.component.scss

@@ -8,7 +8,8 @@
 
 .record-actions {
   margin-top: 1%;
-  button{
+
+  button {
     margin-right: 1%;
   }
 }
@@ -19,12 +20,14 @@
 }
 
 .record {
-  .record-actions{
+  .record-actions {
     margin-top: 1%;
-    button{
+
+    button {
       margin-right: 1%;
     }
   }
+
   h3 {
     margin: 1% auto;
   }
@@ -47,8 +50,10 @@ $color: #e2e4ec;
   position: absolute;
   width: $bar;
   height: 8px;
-  background: linear-gradient(125deg, rgb(255, 255, 255), #c4d2e9, rgb(255, 255, 255));
-  animation: grow 4s linear infinite, move 4s linear infinite;
+  background: linear-gradient(125deg, rgb(255 255 255), #c4d2e9, rgb(255 255 255));
+  animation:
+    grow 4s linear infinite,
+    move 4s linear infinite;
   top: 154px;
 }
 
@@ -66,7 +71,7 @@ $color: #e2e4ec;
   }
 
   33.3% {
-    left: $foo / 2;
+    left: calc($foo / 2);
   }
 
   50% {
@@ -74,7 +79,7 @@ $color: #e2e4ec;
   }
 
   66.7% {
-    left: $foo / 2;
+    left: calc($foo / 2);
   }
 
   83.3% {
@@ -92,11 +97,11 @@ $color: #e2e4ec;
   }
 
   16.7% {
-    width: $foo / 2;
+    width: calc($foo / 2);
   }
 
   33.3% {
-    width: $foo / 2;
+    width: calc($foo / 2);
   }
 
   50% {
@@ -104,11 +109,11 @@ $color: #e2e4ec;
   }
 
   66.7% {
-    width: $foo / 2;
+    width: calc($foo / 2);
   }
 
   83.3% {
-    width: $foo / 2;
+    width: calc($foo / 2);
   }
 
   100% {

src/app/organization/loan-provisioning-criteria/view-loan-provisioning-criteria/view-loan-provisioning-criteria.component.scss

@@ -1,24 +1,26 @@
 table {
-    width: 100%;
+  width: 100%;
 }
 
 .mat-elevation-z1 {
-    margin: 1em 0 1.5em 0;
+  margin: 1em 0 1.5em;
 }
 
-h2, h3, h4 {
-    margin: 0;
-    font-weight: 500;
+h2,
+h3,
+h4 {
+  margin: 0;
+  font-weight: 500;
 }
 
 span {
-    margin: 0.5em 0;
+  margin: 0.5em 0;
 }
 
 mat-divider {
-    margin: 0 0 0.5em 0;
+  margin: 0 0 0.5em;
 }
 
 .loanProduct {
-    padding: 10px 0px;
+  padding: 10px 0;
 }

src/app/organization/manage-funds/manage-funds.component.scss

@@ -5,4 +5,3 @@ table {
     cursor: pointer;
   }
 }
-

src/app/organization/offices/create-office/create-office.component.scss

@@ -1,3 +1,3 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }

src/app/organization/offices/edit-office/edit-office.component.scss

@@ -1,3 +1,3 @@
-.container{
-    max-width: 37rem;
+.container {
+  max-width: 37rem;
 }

src/app/organization/offices/view-office/general-tab/general-tab.component.scss

@@ -1,8 +1,9 @@
 .tab-container {
   padding: 1%;
   margin: 1%;
+
   .delete-button {
-      margin-left: 1%;
+    margin-left: 1%;
   }
 }
 

src/app/organization/offices/view-office/view-office.component.scss

@@ -1,10 +1,12 @@
-.action-button{
+.action-button {
   width: 95%;
 }
+
 .office-card {
   margin: 0 auto;
   width: 90%;
   padding: 0;
+
   .navigation-tabs {
     overflow: auto;
   }

src/app/organization/payment-types/create-payment-type/create-payment-type.component.scss

@@ -1,7 +1,7 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
 
 .status {
-    padding: 17.5px 0 17.5px 0;
+  padding: 17.5px 0;
 }

src/app/organization/payment-types/edit-payment-type/edit-payment-type.component.scss

@@ -1,7 +1,7 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 }
 
 .status {
-    padding: 17.5px 0 17.5px 0;
+  padding: 17.5px 0;
 }

src/app/organization/payment-types/payment-types.component.scss

@@ -13,4 +13,3 @@ table {
 .text-center {
   text-align: center;
 }
-

src/app/organization/sms-campaigns/create-campaign/create-campaign.component.scss

@@ -1,3 +1,3 @@
 .container {
-  width: 60%;;
+  width: 60%;
 }

src/app/organization/sms-campaigns/edit-campaign/edit-campaign.component.scss

@@ -1,3 +1,3 @@
 .container {
-  width: 60%;;
+  width: 60%;
 }

src/app/organization/sms-campaigns/sms-campaign-stepper/campaign-preview-step/campaign-preview-step.component.scss

@@ -1,10 +1,12 @@
 .tab-content {
   padding: 1%;
   margin: 1%;
+
   .template-message {
     padding-inline: 1.5%;
     margin-top: 1%;
   }
+
   .margin-t {
     margin-top: 1em;
   }

src/app/organization/sms-campaigns/sms-campaign-stepper/edit-sms-campaign-step/edit-business-rule-parameters/edit-business-rule-parameters.component.scss

@@ -3,7 +3,7 @@ h3 {
 }
 
 mat-divider {
-  margin: 1em 0 2em 0;
+  margin: 1em 0 2em;
 }
 
 .margin-t {

src/app/organization/sms-campaigns/sms-campaign-stepper/sms-campaign-step/business-rule-parameters/business-rule-parameters.component.scss

@@ -3,7 +3,7 @@ h3 {
 }
 
 mat-divider {
-  margin: 1em 0 2em 0;
+  margin: 1em 0 2em;
 }
 
 .margin-t {

src/app/organization/sms-campaigns/sms-campaigns.component.scss

@@ -2,6 +2,6 @@ table {
   width: 100%;
 
   .select-row:hover {
-      cursor: pointer;
+    cursor: pointer;
   }
 }

src/app/organization/sms-campaigns/view-campaign/view-campaign.component.scss

@@ -1,17 +1,21 @@
 .action-buttons {
   width: 90%;
 }
+
 .sms-card {
   margin: 0 auto;
   width: 80%;
   padding: 0;
+
   .tab-content {
     padding: 1%;
     margin: 1%;
+
     .template-message {
       padding-inline: 1.5%;
       margin-top: 1%;
     }
+
     .search-button {
       max-width: 3%;
       max-height: 2%;

src/app/organization/standing-instructions-history/standing-instructions-history.component.scss

@@ -3,7 +3,7 @@
 }
 
 .output {
-  .error-log{
+  .error-log {
     min-width: 26px;
     padding: 0 6px;
     margin: 4px;

src/app/organization/tellers/cashiers/cashiers.component.scss

@@ -1,11 +1,13 @@
 table {
   width: 100%;
-  .cashier-action-button{
+
+  .cashier-action-button {
     min-width: 26px;
     padding: 0 6px;
     margin: 4px;
     line-height: 25px;
   }
+
   .select-row:hover {
     cursor: pointer;
   }

src/app/organization/tellers/cashiers/view-cashier/view-cashier.component.scss

@@ -1,14 +1,14 @@
 .container {
-    max-width: 37rem;
+  max-width: 37rem;
 
-    .content {
-      div {
-        margin: 1rem 0;
-        word-wrap: break-word;
+  .content {
+    div {
+      margin: 1rem 0;
+      word-wrap: break-word;
 
-        &.header {
-          font-weight: 500;
-        }
+      &.header {
+        font-weight: 500;
       }
     }
+  }
 }

src/app/organization/tellers/edit-teller/edit-teller.component.scss

@@ -1,3 +1,3 @@
 .container {
   max-width: 37rem;
- }
+}

src/app/organization/tellers/tellers.component.scss

@@ -2,7 +2,7 @@ table {
   width: 100%;
 
   .select-row:hover {
-      cursor: pointer;
+    cursor: pointer;
   }
 }
 

src/app/organization/tellers/view-teller/view-teller.component.scss

@@ -1,6 +1,6 @@
 .container {
   max-width: 37rem;
-  
+
   .content {
     div {
       margin: 1rem 0;