WEB-106 Do not offer functionality to a user that is not within her/his rights (#2900)

src/app/navigation/navigation.component.html

@@ -4,7 +4,7 @@
       <mat-card class="layout-column">
         <mat-card-content class="layout-column">
           @if (!(officeData === undefined || officeData === null)) {
-            <mat-form-field>
+            <mat-form-field *mifosxHasPermission="'READ_OFFICES'">
               <mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
               <mat-select [formControl]="officeSelector">
                 @for (office of officeData; track office) {
@@ -17,7 +17,7 @@
           }
 
           @if (!(employeeData === undefined || employeeData === null)) {
-            <mat-form-field>
+            <mat-form-field *mifosxHasPermission="'READ_STAFF'">
               <mat-label>{{ employeeData.length ? 'Officer' : 'No Associated Officers' }}</mat-label>
               <mat-select [formControl]="employeeSelector">
                 @for (employee of employeeData; track employee) {
@@ -30,7 +30,7 @@
           }
 
           @if (!(centerData === undefined || centerData === null)) {
-            <mat-form-field>
+            <mat-form-field *mifosxHasPermission="'READ_CENTERS'">
               <mat-label>{{ centerData.length ? 'Center' : 'No Associated Centers' }}</mat-label>
               <mat-select [formControl]="centerSelector">
                 @for (center of centerData; track center) {
@@ -43,7 +43,7 @@
           }
 
           @if (!(groupData === undefined || groupData === null)) {
-            <mat-form-field>
+            <mat-form-field *mifosxHasPermission="'READ_GROUPS'">
               <mat-label>{{ groupData.length ? 'Group' : 'No Associated Groups' }}</mat-label>
               <mat-select [formControl]="groupSelector">
                 @for (group of groupData; track group) {
@@ -56,7 +56,7 @@
           }
 
           @if (!(clientData === undefined || clientData === null)) {
-            <mat-form-field>
+            <mat-form-field *mifosxHasPermission="'READ_CLIENTS'">
               <mat-label>{{ clientData.length ? 'Client' : 'No Associated Clients' }}</mat-label>
               <mat-select [formControl]="clientSelector">
                 @for (client of clientData; track client) {