refactor: remove shared and material module

src/app/app.module.ts

@@ -15,6 +15,8 @@ import { StoreDevtoolsModule } from '@ngrx/store-devtools';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { NgxIndexedDBModule, NgxIndexedDBService } from 'ngx-indexed-db';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
+import { NgxWhatsNewModule } from 'ngx-whats-new';
 import 'reflect-metadata';
 import { AppConfig } from '../environments/environment';
 import '../polyfills';
@@ -25,7 +27,6 @@ import { DataService } from './services/data.service';
 import { ElectronService } from './services/electron.service';
 import { PwaService } from './services/pwa.service';
 import { TauriService } from './services/tauri.service';
-import { SharedModule } from './shared/shared.module';
 import { PlaylistEffects } from './state/effects';
 import { playlistReducer } from './state/reducers';
 
@@ -65,11 +66,15 @@ export function DataFactory(http: HttpClient) {
         AppRoutingModule,
         BrowserAnimationsModule,
         BrowserModule,
-        SharedModule,
         AppConfig.environment === 'WEB'
             ? NgxIndexedDBModule.forRoot(dbConfig)
             : [],
+        NgxWhatsNewModule,
         NgxIndexedDBModule.forRoot(dbConfig),
+        NgxSkeletonLoaderModule.forRoot({
+            animation: 'pulse',
+            loadingText: 'This item is actually loading...',
+        }),
         TranslateModule.forRoot({
             loader: {
                 provide: TranslateLoader,

src/app/material.module.ts

@@ -1,43 +0,0 @@
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { NgModule } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatGridListModule } from '@angular/material/grid-list';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@NgModule({
-    exports: [
-        MatButtonModule,
-        MatCardModule,
-        MatDialogModule,
-        MatExpansionModule,
-        MatIconModule,
-        MatInputModule,
-        MatListModule,
-        MatProgressBarModule,
-        MatSelectModule,
-        MatSidenavModule,
-        MatSnackBarModule,
-        MatTabsModule,
-        MatToolbarModule,
-        ScrollingModule,
-        MatGridListModule,
-        MatTooltipModule,
-        MatCheckboxModule,
-        MatMenuModule,
-    ],
-})
-export class MaterialModule {}

src/app/shared/shared.module.ts

@@ -1,33 +0,0 @@
-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 { MaterialModule } from '../material.module';
-import { FilterPipe } from './pipes/filter.pipe';
-
-@NgModule({
-    imports: [
-        FilterPipe,
-        CommonModule,
-        FormsModule,
-        MaterialModule,
-        NgxWhatsNewModule,
-        ReactiveFormsModule,
-        TranslateModule,
-        NgxSkeletonLoaderModule.forRoot({
-            animation: 'pulse',
-            loadingText: 'This item is actually loading...',
-        }),
-    ],
-    exports: [
-        FilterPipe,
-        FormsModule,
-        MaterialModule,
-        NgxWhatsNewModule,
-        ReactiveFormsModule,
-        TranslateModule,
-    ],
-})
-export class SharedModule {}