fix(angular/header-menu): close header menu on backdrop click (#2747)

Fixes a bug where the header menu did not close on backdrop click.

Fixes #2743

Author: mhaertwig

src/angular/header-lean/header-menu.ts

@@ -10,6 +10,7 @@ import { NgClass } from '@angular/common';
 import {
   AfterContentInit,
   ChangeDetectionStrategy,
+  ChangeDetectorRef,
   Component,
   ContentChildren,
   ElementRef,
@@ -56,6 +57,7 @@ import { SBB_HEADER } from './header-token';
 })
 export class SbbHeaderMenu implements AfterContentInit, OnDestroy {
   private _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);
+  private _changeDetectorRef = inject(ChangeDetectorRef);
   _header: SbbHeaderLean = inject<TypeRef<SbbHeaderLean>>(SBB_HEADER);
   _backButton: string = $localize`:Go back to the app chooser navigation@@sbbHeaderMenuBack:Back`;
 
@@ -89,6 +91,7 @@ export class SbbHeaderMenu implements AfterContentInit, OnDestroy {
       } else {
         this._animationState = 'open-menu';
       }
+      this._changeDetectorRef.markForCheck();
     }
   }
   private _open = false;

src/angular/i18n/xlf/messages.xlf

@@ -106,7 +106,7 @@
         <source>Back</source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../header-lean/header-menu.ts</context>
-          <context context-type="linenumber">60</context>
+          <context context-type="linenumber">62</context>
         </context-group>
         <note priority="1" from="description">Go back to the app chooser navigation</note>
       </trans-unit>

src/angular/i18n/xlf2/messages.xlf

@@ -112,7 +112,7 @@
     </unit>
     <unit id="sbbHeaderMenuBack">
       <notes>
-        <note category="location">../../header-lean/header-menu.ts:60</note>
+        <note category="location">../../header-lean/header-menu.ts:62</note>
         <note category="description">Go back to the app chooser navigation</note>
       </notes>
       <segment>