Chore: update to Angular v18 (#7106)

src-ui/src/app/pipes/username.pipe.spec.ts

@@ -1,12 +1,13 @@
 import { TestBed } from '@angular/core/testing'
 import { UsernamePipe } from './username.pipe'
 import {
-  HttpClientTestingModule,
   HttpTestingController,
+  provideHttpClientTesting,
 } from '@angular/common/http/testing'
 import { environment } from 'src/environments/environment'
 import { PermissionsService } from '../services/permissions.service'
 import { UserService } from '../services/rest/user.service'
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
 
 describe('UsernamePipe', () => {
   let pipe: UsernamePipe
@@ -15,8 +16,13 @@ describe('UsernamePipe', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [UsernamePipe, PermissionsService],
-      imports: [HttpClientTestingModule],
+      imports: [],
+      providers: [
+        UsernamePipe,
+        PermissionsService,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+      ],
     })
 
     httpTestingController = TestBed.inject(HttpTestingController)