Fixed another NG100

Since canEditProject was being updated in the event handler, as well, we were seeing NG100 in cases where the user lacked permissions. This seems to stem from the project select output event, which we're using to update further views.

This behavior seems quite normal/expected when using the component, so it might be due to a deficiency in the project select component itself. But I need to investigate this more. It may be related to SF-3014.

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-apply-dialog/draft-apply-dialog.component.html

@@ -19,7 +19,7 @@ <h2 mat-dialog-title>{{ t("select_alternate_project") }}</h2>
       @if (!isAppOnline) {
         <mat-error class="offline-message">{{ t("connect_to_the_internet") }}</mat-error>
       }
-      @if (projectSelectValid && canEditProject) {
+      @if (isValid) {
         <div class="target-project-content">
           @if (targetChapters$ | async; as chapters) {
             <app-notice icon="warning" type="warning"

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-apply-dialog/draft-apply-dialog.component.ts

@@ -70,6 +70,7 @@ export class DraftApplyDialogComponent implements OnInit {
   // the project id to add the draft to
   private targetProjectId?: string;
   private paratextIdToProjectId: Map<string, string> = new Map<string, string>();
+  isValid: boolean = false;
 
   constructor(
     @Inject(MAT_DIALOG_DATA) private data: DraftApplyDialogConfig,
@@ -188,8 +189,11 @@ export class DraftApplyDialogComponent implements OnInit {
   }
 
   private validateProject(): void {
-    // setTimeout prevents a "changed after checked" exception
-    setTimeout(() => this.projectSelect?.customValidate(SFValidators.customValidator(this.getCustomErrorState())));
+    // setTimeout prevents a "changed after checked" exception (may be removable after SF-3014)
+    setTimeout(() => {
+      this.isValid = this.getCustomErrorState() === CustomErrorState.None;
+      this.projectSelect?.customValidate(SFValidators.customValidator(this.getCustomErrorState()));
+    });
   }
 
   private async chaptersWithTextAsync(project: SFProjectProfile): Promise<number> {