[player] Fix `ExpressionChangedAfterItHasBeenCheckedError`

* Remove workaround with `Promise.resolve().then(() => ...`
* Use `changeDetectorRef.detectChanges()` after updating the validators

projects/common/form.service.ts

@@ -42,6 +42,6 @@ export class FormService {
   }
 
   setValidators(validations: FormControlValidators): void {
-    Promise.resolve().then(() => this._validatorsAdded.next(validations));
+    this._validatorsAdded.next(validations);
   }
 }

projects/player/src/app/components/form.component.ts

 import {
-  Component, Input, OnDestroy, OnInit
+  ChangeDetectorRef, Component, Input, OnDestroy, OnInit
 } from '@angular/core';
 import { FormArray, FormBuilder, FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
@@ -39,7 +39,8 @@ export class FormComponent implements OnInit, OnDestroy {
               private veronaSubscriptionService: VeronaSubscriptionService,
               private veronaPostService: VeronaPostService,
               private messageService: MessageService,
-              private translateService: TranslateService) {
+              private translateService: TranslateService,
+              protected changeDetectorRef: ChangeDetectorRef) {
   }
 
   ngOnInit(): void {
@@ -77,6 +78,7 @@ export class FormComponent implements OnInit, OnDestroy {
   private setValidators = (validators: FormControlValidators): void => {
     validators.formGroup.controls[validators.id].setValidators(validators.validators);
     validators.formGroup.controls[validators.id].updateValueAndValidity();
+    this.changeDetectorRef.detectChanges();
   };
 
   private onNavigationDenied(message: VopNavigationDeniedNotification): void {