✨ #52: Tab-Panel wird an Header übergeben

- Router Outlet muss als TabPanel angegeben werden

src/app/app.component.html

@@ -1,8 +1,8 @@
 <header>
-  <app-header></app-header>
+  <app-header [tabPanel]="tabPanel"></app-header>
 </header>
 
 <h1>Buntnis Ilmenau</h1>
 <h2>Für Demokratie und Weltoffenheit</h2>
 
-<router-outlet />
+<router-outlet #tabPanel />

src/app/shared/components/header/header.component.html

@@ -1,6 +1,6 @@
 <mat-toolbar>
   <span>LOGO (folgt)</span>
-  <nav mat-tab-nav-bar>
+  <nav mat-tab-nav-bar [tabPanel]="tabPanel">
     @for (buntnispage of mainpages; track buntnispage) {
     <a
       mat-tab-link

src/app/shared/components/header/header.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { MatTabNavPanel } from '@angular/material/tabs';
 import { pages } from '../../types/pages';
 
 @Component({
@@ -8,4 +9,7 @@ import { pages } from '../../types/pages';
 })
 export class HeaderComponent {
   mainpages = pages;
+
+  @Input()
+  tabPanel: MatTabNavPanel | undefined;
 }