migrate firebase db

src/main.ts

@@ -7,12 +7,11 @@ import {provideAnimations} from '@angular/platform-browser/animations';
 import {AppRoutingModule} from './app/app-routing.module';
 import {ServiceWorkerModule} from '@angular/service-worker';
 import {AngularFireModule} from '@angular/fire/compat';
-import {AngularFirestoreModule} from '@angular/fire/compat/firestore';
 import {AngularFireStorageModule} from '@angular/fire/compat/storage';
 import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
 import {AppComponent} from './app/app.component';
-import {provideFirebaseApp, initializeApp} from '@angular/fire/app';
-import {provideFirestore, getFirestore} from '@angular/fire/firestore';
+import {getApp, initializeApp, provideFirebaseApp} from '@angular/fire/app';
+import {initializeFirestore, persistentLocalCache, persistentMultipleTabManager, provideFirestore} from '@angular/fire/firestore';
 import {getAuth, provideAuth} from '@angular/fire/auth';
 import {UserService} from './app/services/user/user.service';
 
@@ -37,13 +36,12 @@ bootstrapApplication(AppComponent, {
         enabled: environment.production,
       }),
       AngularFireModule.initializeApp(environment.firebase),
-      AngularFirestoreModule.enablePersistence({synchronizeTabs: true}),
       AngularFireStorageModule,
       FontAwesomeModule
     ),
     provideFirebaseApp(() => initializeApp(environment.firebase)),
     provideAuth(() => getAuth()),
-    provideFirestore(() => getFirestore()),
+    provideFirestore(() => initializeFirestore(getApp(), {localCache: persistentLocalCache({tabManager: persistentMultipleTabManager()})})),
     {provide: MAT_DATE_LOCALE, useValue: 'de-DE'},
     provideAnimations(),
   ],