refactor: move global favorites to header

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

@@ -18,6 +18,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import { DataService } from 'services';
+import { GLOBAL_FAVORITES_PLAYLIST_ID } from 'shared-interfaces';
 //import { shell } from 'electron';
 import { AddPlaylistMenuComponent, PlaylistType } from 'components';
 import { HomeComponent } from '../../../home/home.component';
@@ -78,6 +79,13 @@ export class HeaderComponent implements OnInit {
         this.router.navigate(['/settings']);
     }
 
+    /**
+     * Navigates to the global favorites view
+     */
+    navigateToGlobalFavorites(): void {
+        this.router.navigate(['playlists', GLOBAL_FAVORITES_PLAYLIST_ID]);
+    }
+
     /**
      * Opens the provided URL string in new browser window
      * @param url url to open