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/shares/shares-account-actions/approve-shares/approve-shares.component.scss

@@ -1,9 +1,11 @@
 table {
   width: 100%;
+
   i:hover {
     cursor: pointer;
   }
-  .share-action-button{
+
+  .share-action-button {
     min-width: 26px;
     padding: 0 6px;
     margin: 4px;

src/app/shares/shares-account-actions/reject-shares/reject-shares.component.scss

@@ -1,9 +1,11 @@
 table {
   width: 100%;
+
   i:hover {
     cursor: pointer;
   }
-  .share-action-button{
+
+  .share-action-button {
     min-width: 26px;
     padding: 0 6px;
     margin: 4px;

src/app/shares/shares-account-actions/undo-approval-shares-account/undo-approval-shares-account.component.scss

@@ -1,5 +1,6 @@
 .container {
   max-width: 37rem;
+
   .confirm-text {
     font-size: 16px;
     text-align: center;

src/app/shares/shares-account-stepper/shares-account-charges-step/shares-account-charges-step.component.scss

@@ -3,7 +3,7 @@ table {
 }
 
 .mat-elevation-z1 {
-  margin: 1em 0 1.5em 0;
+  margin: 1em 0 1.5em;
 }
 
 .margin-t {

src/app/shares/shares-account-stepper/shares-account-preview-step/shares-account-preview-step.component.scss

@@ -3,10 +3,12 @@ table {
 }
 
 .mat-elevation-z1 {
-  margin: 1em 0 1.5em 0;
+  margin: 1em 0 1.5em;
 }
 
-h2, h3, h4 {
+h2,
+h3,
+h4 {
   margin: 0;
   font-weight: 500;
 }
@@ -16,7 +18,7 @@ span {
 }
 
 mat-divider {
-  margin: 0 0 0.5em 0;
+  margin: 0 0 0.5em;
 }
 
 .margin-t {

src/app/shares/shares-account-view/charges-tab/charges-tab.component.scss

@@ -1,22 +1,27 @@
 .tab-container {
   padding: 1%;
   margin: 1%;
+
   h3 {
-    margin:1% auto;
+    margin: 1% auto;
   }
+
   .action-button {
-      margin-left: auto;
+    margin-left: auto;
   }
+
   table {
     width: 100%;
-    .account-action-button{
+
+    .account-action-button {
       min-width: 26px;
       padding: 0 6px;
       margin: 4px;
       line-height: 25px;
     }
+
     .select-row:hover {
       cursor: pointer;
     }
   }
-}
+}

src/app/shares/shares-account-view/dividends-tab/dividends-tab.component.scss

@@ -1,9 +1,11 @@
 .tab-container {
   padding: 1%;
   margin: 1%;
+
   h3 {
-    margin:1% auto;
+    margin: 1% auto;
   }
+
   table {
     width: 100%;
   }

src/app/shares/shares-account-view/general-tab/general-tab.component.scss

@@ -1,23 +1,23 @@
 .tab-container {
+  padding: 1%;
+  margin: 1%;
+
+  h3 {
+    margin: 1% auto;
+  }
+
+  .performance-history-container {
+    border: 1px solid;
     padding: 1%;
-    margin: 1%;
+    margin-bottom: 20px;
+  }
 
-    h3 {
-        margin: 1% auto;
-    }
-
-    .performance-history-container {
-        border: 1px solid;
-        padding: 1%;
-        margin-bottom: 20px;
-    }
-
-    table {
-        width: 100%;
-        margin-bottom: 20px;
-    }
+  table {
+    width: 100%;
+    margin-bottom: 20px;
+  }
 }
 
 span {
-    margin: 0.5em 0;
-}
+  margin: 0.5em 0;
+}

src/app/shares/shares-account-view/shares-account-view.component-theme.scss

@@ -1,12 +1,15 @@
 @use '@angular/material' as mat;
+@use 'sass:map';
 
 @mixin shares-account-view-component-theme($theme) {
-  $primary: map-get($theme, primary);
+  $primary: map.get($theme, primary);
+
   mifosx-shares-account-view {
     .shares-account-card {
       .header {
         background-color: mat.get-color-from-palette($primary, 500);
       }
+
       .table-headers {
         background-color: mat.get-color-from-palette($primary, 500);
         color: mat.get-contrast-color-from-palette($primary, 500);

src/app/shares/shares-account-view/shares-account-view.component.scss

@@ -5,4 +5,4 @@
 .account-overview {
   min-width: 60%;
   font-weight: 400;
-}
+}

src/app/shares/shares-account-view/transactions-tab/transactions-tab.component.scss

@@ -1,9 +1,11 @@
 .tab-container {
   padding: 1%;
   margin: 1%;
+
   h3 {
-    margin:1% auto;
+    margin: 1% auto;
   }
+
   table {
     width: 100%;
   }