@if (loginService.user()) {
  <mat-toolbar>
    <button mat-icon-button (click)="navigateHome()">
      <mat-icon>home</mat-icon>
    </button>
    @if (loginService.user()?.firstName && loginService.user()?.lastName) {
      <p class="mat-title">Welcome, {{ loginService.user()?.firstName }} {{ loginService.user()?.lastName }}</p>
    } @else {
      <p>Welcome, {{ loginService.user()?.username }}</p>
    }

    <button mat-flat-button color="warn" (click)="logout()">Logout</button>
  </mat-toolbar>
}
<router-outlet></router-outlet>
