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/groups/groups-view/committee-tab/committee-tab.component.scss

@@ -1,15 +1,19 @@
 .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;

src/app/groups/groups-view/general-tab/general-tab.component.scss

@@ -1,31 +1,39 @@
 .tab-container {
   padding: 1%;
   margin: 1%;
+
   h3 {
-    margin:1% auto;
+    margin: 1% auto;
   }
+
   .group-details-container {
     border: 1px solid;
     padding: 1%;
   }
-  .action-button{
+
+  .action-button {
     margin-left: auto;
   }
+
   table {
     width: 100%;
-    .account-action-button{
+
+    .account-action-button {
       min-width: 26px;
       padding: 0 6px;
       margin: 4px;
       line-height: 25px;
     }
+
     tr.select-row:hover {
       cursor: pointer;
     }
   }
+
   i:hover {
     cursor: pointer;
   }
+
   tr:hover {
     cursor: pointer;
   }

src/app/groups/groups-view/group-actions/group-transfer-clients/group-transfer-clients.component.scss

@@ -1,11 +1,11 @@
 .container {
-    max-width: 37rem;
-  }
+  max-width: 37rem;
+}
 
 .mat-table {
   display: block;
-  font-family: Tahoma, Verdana;
-  width: 100%
+  font-family: Tahoma, Verdana, sans-serif;
+  width: 100%;
 }
 
 .mat-row,

src/app/groups/groups-view/group-actions/manage-group-members/manage-group-members.component.scss

@@ -3,7 +3,7 @@
 
   .mat-table {
     display: block;
-    font-family: Tahoma, Verdana;
+    font-family: Tahoma, Verdana, sans-serif;
     width: 100%;
   }
 

src/app/groups/groups-view/groups-view.component-theme.scss

@@ -1,7 +1,9 @@
 @use '@angular/material' as mat;
+@use 'sass:map';
 
 @mixin groups-view-component-theme($theme) {
-  $primary: map-get($theme, primary);
+  $primary: map.get($theme, primary);
+
   mifosx-groups-view {
     .group-card {
       .header {

src/app/groups/groups-view/groups-view.component.scss

@@ -3,48 +3,61 @@
   max-width: 80rem;
   width: 90%;
   padding: 0;
-  .header {
-    padding: 1%;
-    .header-title-group {
-      .group-card-title {
-        color: white;
-        width: 90%;
-        mat-card-subtitle {
-          color: white;
-        }
-      }
-    }
-    .profile-image-container {
-      margin: 1%;
-      .profile-image {
-        object-fit: cover;
-        border-radius: 20px;
-      }
-    }
-    .group-meeting {
-      align-self: flex-end;
-      width: 300px;
-      div, ng-template > div {
-        background-color: #0a6aac;
-        p {
-          color: white;
-          padding: 0 10px;
-        }
-      }
-    }
-    .group-actions {
-      align-self: flex-end;
-      margin: 0 1%;
-      i {
-        margin-bottom: 2px;
-        margin-right: 4px;
-      }
-    }
-  }
-  .navigation-tabs {
-    overflow: auto;
-  }
+
   i:hover {
     cursor: pointer;
   }
+
+  .header {
+    padding: 1%;
+  }
+
+  .header-title-group {
+    .group-card-title {
+      color: white;
+      width: 90%;
+
+      mat-card-subtitle {
+        color: white;
+      }
+    }
+  }
+
+  .profile-image-container {
+    margin: 1%;
+
+    .profile-image {
+      object-fit: cover;
+      border-radius: 20px;
+    }
+  }
+
+  .group-meeting {
+    align-self: flex-end;
+    width: 300px;
+
+    div,
+    ng-template > div {
+      background-color: #0a6aac;
+
+      p {
+        color: white;
+        padding: 0 10px;
+      }
+    }
+  }
+
+  .group-actions {
+    align-self: flex-end;
+    margin: 0 1%;
+
+    i {
+      margin-bottom: 2px;
+      margin-right: 4px;
+    }
+  }
+
+  .navigation-tabs {
+    overflow: auto;
+  }
 }