refacto: change method to self dismiss snackbar

src/app/shared/components/presentationals/shared-snackbar/shared-snackbar.presentational.html

@@ -21,7 +21,7 @@
 </div>
 <button mat-icon-button
         matSuffix
-        (click)="close()"
+        (click)="close($event)"
 >
   <mat-icon class="close-icon">close</mat-icon>
 </button>

src/app/shared/components/presentationals/shared-snackbar/shared-snackbar.presentational.ts

 import {
   ChangeDetectionStrategy,
   Component,
+  Host,
   Inject,
 } from "@angular/core";
-import {MAT_SNACK_BAR_DATA} from "@angular/material/snack-bar";
+import {
+  MAT_SNACK_BAR_DATA,
+  MatSnackBarRef,
+} from "@angular/material/snack-bar";
 import {
   AbstractSnackbarPresentational,
   isNullOrUndefined,
-  NotificationService,
   NotificationTypeEnum,
   SnackbarData,
 } from "solidify-frontend";
@@ -23,14 +26,11 @@ export class SharedSnackbarPresentational extends AbstractSnackbarPresentational
     return NotificationTypeEnum;
   }
 
-  constructor(@Inject(MAT_SNACK_BAR_DATA) public data: SharedSnackbarOption, private snackbar: NotificationService) {
+  constructor(@Host() public snackbarRef: MatSnackBarRef<SharedSnackbarPresentational>,
+              @Inject(MAT_SNACK_BAR_DATA) public data: SharedSnackbarOption) {
     super();
   }
 
-  close(): void {
-    this.snackbar.dismiss();
-  }
-
   getIcon(): string | undefined {
     if (!isNullOrUndefined(this.data.icon)) {
       return this.data.icon;
@@ -49,6 +49,10 @@ export class SharedSnackbarPresentational extends AbstractSnackbarPresentational
 
     return undefined;
   }
+
+  close($event: MouseEvent): void {
+    this.snackbarRef.dismiss();
+  }
 }
 
 export interface SharedSnackbarOption extends SnackbarData {