pages loading twice poc

Cherry-picked from original branch started from Angular 13 PR

src/modules/app/server-app.module.ts

@@ -15,7 +15,7 @@ import { AppComponent } from '../../app/app.component';
 import { AppModule } from '../../app/app.module';
 import { DSpaceServerTransferStateModule } from '../transfer-state/dspace-server-transfer-state.module';
 import { DSpaceTransferState } from '../transfer-state/dspace-transfer-state.service';
-import { TranslateJson5UniversalLoader } from '../../ngx-translate-loaders/translate-json5-universal.loader';
+import { TranslateServerLoader } from '../../ngx-translate-loaders/translate-server.loader';
 import { CookieService } from '../../app/core/services/cookie.service';
 import { ServerCookieService } from '../../app/core/services/server-cookie.service';
 import { AuthService } from '../../app/core/auth/auth.service';
@@ -37,8 +37,8 @@ import { AppConfig, APP_CONFIG_STATE } from '../../config/app-config.interface';
 
 import { environment } from '../../environments/environment';
 
-export function createTranslateLoader() {
-  return new TranslateJson5UniversalLoader('dist/server/assets/i18n/', '.json5');
+export function createTranslateLoader(transferState: TransferState) {
+  return new TranslateServerLoader(transferState, 'dist/server/assets/i18n/', '.json5');
 }
 
 @NgModule({
@@ -47,16 +47,13 @@ export function createTranslateLoader() {
     BrowserModule.withServerTransition({
       appId: 'dspace-angular'
     }),
-    RouterModule.forRoot([], {
-      useHash: false
-    }),
     NoopAnimationsModule,
     DSpaceServerTransferStateModule,
     TranslateModule.forRoot({
       loader: {
         provide: TranslateLoader,
         useFactory: (createTranslateLoader),
-        deps: []
+        deps: [TransferState]
       }
     }),
     ServerModule,