Disable base currency selector based on permission

apps/client/src/app/pages/account/account-page.component.ts

@@ -19,6 +19,7 @@ export class AccountPageComponent implements OnDestroy, OnInit {
   public currencies: Currency[] = [];
   public defaultDateFormat = DEFAULT_DATE_FORMAT;
   public hasPermissionForSubscription: boolean;
+  public hasPermissionToUpdateUserSettings: boolean;
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();
@@ -50,6 +51,11 @@ export class AccountPageComponent implements OnDestroy, OnInit {
         this.dataService.fetchUser().subscribe((user) => {
           this.user = user;
 
+          this.hasPermissionToUpdateUserSettings = hasPermission(
+            this.user.permissions,
+            permissions.updateUserSettings
+          );
+
           this.cd.markForCheck();
         });
       });

apps/client/src/app/pages/account/account-page.html

@@ -35,6 +35,7 @@
                   <mat-label i18n>Base Currency</mat-label>
                   <mat-select
                     name="baseCurrency"
+                    [disabled]="!hasPermissionToUpdateUserSettings"
                     [value]="user.settings.baseCurrency"
                     (selectionChange)="onChangeBaseCurrency($event)"
                   >