how to Initialize the config dynamically?

I'm looking for a simple way to `initializeApp` later inside of the `app.component.ts` NOT in my `app.config.ts`. I need to do this because of my current app implementation and requirements...

Currently, here's my `app.config.ts` file:
```ts
import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
import { getAnalytics, provideAnalytics } from '@angular/fire/analytics';

export const appConfig: ApplicationConfig = {
providers: [
provideFirebaseApp(() =>
initializeApp({
apiKey: 'xxx',
authDomain: 'xxx.firebaseapp.com',
databaseURL: 'https://xxx.firebaseio.com',
projectId: 'xxx',
storageBucket: 'xxx',
messagingSenderId: '123',
appId: 'xxx',
measurementId: 'xxx',
}),
),
provideAnalytics(() => getAnalytics()),
...
],
...
})
```

Any help is so appreciated ❤️

### Version info

**Angular:** 17.3.3

**Firebase:** ^10.13.1

**AngularFire:** ^18.0.1

まず、現在の app.config.ts の設定を app.component.ts で要求されている初期化ポイントと比較し、provideFirebaseApp、initializeApp、provideAnalytics、getAnalytics に注目します。既存のエントリーポイントが遅延設定をサポートしているかを判断し、設定が後から初期化されることを確認できる、再現可能な Angular 17/Firebase 10 の動作を定義します。

索引モデルが issue の本文から書いたものです。