refactor: migrate to NgRx v8 creators

thanks

.vscode/settings.json

@@ -11,6 +11,11 @@
     "titleBar.inactiveForeground": "#e7e7e799",
     "statusBar.background": "#6b6bbc",
     "statusBarItem.hoverBackground": "#8e8ecc",
-    "statusBar.foreground": "#e7e7e7"
-  }
-}
+    "statusBar.foreground": "#e7e7e7",
+    "panel.border": "#8e8ecc",
+    "sideBar.border": "#8e8ecc",
+    "editorGroup.border": "#8e8ecc",
+    "tab.activeBorder": "#8e8ecc"
+  },
+  "peacock.color": "6b6bbc"
+}

package.json

@@ -15,12 +15,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~8.1.2",
-    "@angular/cdk": "^7.2.0",
+    "@angular/cdk": "^8.1.1",
     "@angular/common": "~8.1.2",
     "@angular/compiler": "~8.1.2",
     "@angular/core": "~8.1.2",
     "@angular/forms": "~8.1.2",
-    "@angular/material": "^7.2.0",
+    "@angular/material": "^8.1.1",
     "@angular/platform-browser": "~8.1.2",
     "@angular/platform-browser-dynamic": "~8.1.2",
     "@angular/router": "~8.1.2",

src/app/core/toast.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { MatSnackBar } from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { isE2E } from './e2e-check';
 
 @Injectable()

src/app/material/material.module.ts

@@ -1,15 +1,13 @@
 import { NgModule } from '@angular/core';
-import {
-  MatButtonModule,
-  MatCardModule,
-  MatIconModule,
-  MatProgressSpinnerModule,
-  MatSlideToggleModule,
-  MatSnackBarModule,
-  MatTooltipModule,
-  MatToolbarModule,
-  MatInputModule
-} from '@angular/material';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @NgModule({
   imports: [