Enhancement: angular 19 (#8584)

src-ui/src/app/components/common/toasts/toasts.component.spec.ts

@@ -9,7 +9,6 @@ import {
   flush,
   tick,
 } from '@angular/core/testing'
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap'
 import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
 import { of } from 'rxjs'
 import { ToastService } from 'src/app/services/toast.service'
@@ -46,8 +45,7 @@ describe('ToastsComponent', () => {
 
   beforeEach(async () => {
     TestBed.configureTestingModule({
-      declarations: [ToastsComponent],
-      imports: [NgbModule, NgxBootstrapIconsModule.pick(allIcons)],
+      imports: [ToastsComponent, NgxBootstrapIconsModule.pick(allIcons)],
       providers: [
         {
           provide: ToastService,

src-ui/src/app/components/common/toasts/toasts.component.ts

@@ -1,5 +1,11 @@
 import { Clipboard } from '@angular/cdk/clipboard'
+import { DecimalPipe } from '@angular/common'
 import { Component, OnDestroy, OnInit } from '@angular/core'
+import {
+  NgbProgressbarModule,
+  NgbToastModule,
+} from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
 import { Subscription, interval, take } from 'rxjs'
 import { Toast, ToastService } from 'src/app/services/toast.service'
 
@@ -7,6 +13,12 @@ import { Toast, ToastService } from 'src/app/services/toast.service'
   selector: 'pngx-toasts',
   templateUrl: './toasts.component.html',
   styleUrls: ['./toasts.component.scss'],
+  imports: [
+    DecimalPipe,
+    NgbToastModule,
+    NgbProgressbarModule,
+    NgxBootstrapIconsModule,
+  ],
 })
 export class ToastsComponent implements OnInit, OnDestroy {
   constructor(