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

Bắt đầu bằng cách so sánh thiết lập app.config.ts hiện tại với điểm khởi tạo được yêu cầu trong app.component.ts, tập trung vào provideFirebaseApp, initializeApp, provideAnalytics và getAnalytics. Xác định xem các điểm vào hiện có có hỗ trợ cấu hình trì hoãn hay không và xác định một hành vi Angular 17/Firebase 10 có thể tái hiện để xác nhận rằng cấu hình được khởi tạo sau đó.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.