feat(pwa): auto-generate playlist with global favorites

src/app/player/components/channel-list-container/channel-list-container.component.html

@@ -99,7 +99,7 @@
         </mat-nav-list>
     </mat-tab>
 
-    <mat-tab [label]="'CHANNELS.FAVORITES' | translate">
+    <mat-tab *ngIf="playlistId !== 'GLOBAL_FAVORITES'" [label]="'CHANNELS.FAVORITES' | translate">
         <mat-nav-list
             *ngIf="favorites$ | async as favorites"
             id="favorites-list"

src/app/player/components/channel-list-container/channel-list-container.component.ts

@@ -5,11 +5,10 @@ import {
     Input,
     ViewChild,
 } from '@angular/core';
-import { Channel, ChannelStore, ChannelQuery } from '../../../state';
-
-import * as _ from 'lodash';
 import { MatSnackBar } from '@angular/material/snack-bar';
+import * as _ from 'lodash';
 import { Observable } from 'rxjs';
+import { Channel, ChannelQuery, ChannelStore } from '../../../state';
 
 @Component({
     selector: 'app-channel-list-container',
@@ -61,6 +60,9 @@ export class ChannelListContainerComponent {
         }
     }
 
+    /** ID of the current playlist */
+    playlistId: string;
+
     /**
      * Creates an instance of ChannelListContainerComponent
      * @param channelQuery akita's channel query
@@ -71,7 +73,9 @@ export class ChannelListContainerComponent {
         private channelQuery: ChannelQuery,
         private channelStore: ChannelStore,
         private snackBar: MatSnackBar
-    ) {}
+    ) {
+        this.playlistId = this.channelQuery.getValue().playlistId;
+    }
 
     /**
      * Sets clicked channel as selected and emits them to the parent component