feat: Add option to disable header when current route is play-quiz

src/app/app.component.html

-<app-header></app-header>
+<app-header *ngIf="!playQuiz"></app-header>
 <router-outlet></router-outlet>

src/app/app.component.ts

-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';
+import { filter } from 'rxjs';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrl: './app.component.css',
 })
-export class AppComponent {}
+export class AppComponent implements OnInit {
+    playQuiz: boolean = false;
+
+    constructor(private router: Router, private route: ActivatedRoute) {}
+
+    ngOnInit(): void {
+        this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
+            this.playQuiz = this.router.url.includes('play-quiz');
+        });
+    }
+}