Close Button - Text gege Icon getsuscht

apps/shared/shell/src/lib/toaster/toast.component.html

@@ -6,6 +6,8 @@
     {{ toast.message }}
   </div>
   <div class="text-right grow-0" *ngIf="closeable">
-    <button (click)="closeToast()">Close</button>
+    <button (click)="closeToast()">
+      <shared-icon icon="close"></shared-icon>
+    </button>
   </div>
 </div>

apps/shared/shell/src/lib/toaster/toast.component.ts

@@ -2,6 +2,7 @@ import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { Toast } from './toast.model';
 import { ToasterService } from './toaster.service';
 import { NgIf } from '@angular/common';
+import { IconComponent } from '@shared/components/icon';
 
 @Component({
   selector: 'shell-toast',
@@ -10,7 +11,7 @@ import { NgIf } from '@angular/common';
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: { class: 'shell-toast' },
   standalone: true,
-  imports: [NgIf],
+  imports: [NgIf, IconComponent],
 })
 export class ToastComponent {
   @Input()