style: add skeleton animation for playlists

src/app/shared/shared.module.ts

@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { TranslateModule } from '@ngx-translate/core';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 import { NgxWhatsNewModule } from 'ngx-whats-new';
 import { PlaylistItemComponent } from '../home/recent-playlists/playlist-item/playlist-item.component';
 import { RecentPlaylistsComponent } from '../home/recent-playlists/recent-playlists.component';
@@ -10,6 +11,7 @@ import { MaterialModule } from '../material.module';
 import { HeaderComponent } from './components/';
 import { FilterPipe } from './pipes/filter.pipe';
 import { MomentDatePipe } from './pipes/moment-date.pipe';
+
 @NgModule({
     declarations: [
         FilterPipe,
@@ -26,6 +28,10 @@ import { MomentDatePipe } from './pipes/moment-date.pipe';
         ReactiveFormsModule,
         TranslateModule,
         DragDropModule,
+        NgxSkeletonLoaderModule.forRoot({
+            animation: 'pulse',
+            loadingText: 'This item is actually loading...',
+        }),
     ],
     exports: [
         FilterPipe,