feat: support feature flagging tabs in page header (#921)

* feat: support feature flagging tabs in page header

Author: arjunlalb

projects/components/src/header/page/page-header.component.ts

@@ -35,7 +35,12 @@ import { NavigableTab } from '../../tabs/navigable/navigable-tab';
       <ng-content></ng-content>
 
       <ht-navigable-tab-group *ngIf="this.tabs?.length" class="tabs">
-        <ht-navigable-tab *ngFor="let tab of this.tabs" [path]="tab.path" [hidden]="tab.hidden">
+        <ht-navigable-tab
+          *ngFor="let tab of this.tabs"
+          [path]="tab.path"
+          [hidden]="tab.hidden"
+          [features]="tab.features"
+        >
           {{ tab.label }}
         </ht-navigable-tab>
       </ht-navigable-tab-group>

projects/components/src/tabs/navigable/navigable-tab.component.ts

@@ -25,10 +25,10 @@ export class NavigableTabComponent extends ContentHolder {
   public replaceHistory?: boolean;
 
   @Input()
-  public features: string[] = [];
+  public features?: string[];
 
   public get featureFlags(): string[] {
-    return [...this.routeFeatures(), ...this.features];
+    return [...this.routeFeatures(), ...(this.features ?? [])];
   }
 
   private routeFeatures(): string[] {