fix: Update http translation loader with the new syntax

Author: ManuelMoeri

frontend/src/app/app.module.ts

@@ -1,14 +1,8 @@
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule, inject, provideAppInitializer } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, inject, NgModule, provideAppInitializer } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import {
-  HTTP_INTERCEPTORS,
-  HttpBackend,
-  HttpClient,
-  provideHttpClient,
-  withInterceptorsFromDi
-} from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatSelectModule } from '@angular/material/select';
@@ -22,8 +16,8 @@ import { MatInputModule } from '@angular/material/input';
 import { MatDialogModule } from '@angular/material/dialog';
 import { ToastrModule } from 'ngx-toastr';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { provideTranslateHttpLoader } from '@ngx-translate/http-loader';
 import { MAT_DATE_FORMATS } from '@angular/material/core';
 import { OAuthModule, OAuthService, OAuthStorage } from 'angular-oauth2-oidc';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -79,10 +73,6 @@ function initOauthFactory(configService: ConfigService, oauthService: OAuthServi
   };
 }
 
-export function createTranslateLoader(http: HttpBackend) {
-  return new TranslateHttpLoader(new HttpClient(http), './assets/i18n/', '.json');
-}
-
 export function storageFactory(): OAuthStorage {
   return localStorage;
 }
@@ -146,12 +136,13 @@ export const MY_FORMATS = {
     MatProgressSpinnerModule,
     TranslateModule.forRoot({
       fallbackLang: 'de',
-      loader: {
-        provide: TranslateLoader,
-        useFactory: createTranslateLoader,
-        deps: [HttpBackend]
-      }
+      loader: provideTranslateHttpLoader({
+        prefix: '/assets/i18n/',
+        suffix: '.json',
+        useHttpBackend: true
+      })
     }),
+
     OAuthModule.forRoot(),
     MatRadioModule,
     NgOptimizedImage,