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

Comienza comparando la configuración actual de app.config.ts con el punto de inicialización solicitado en app.component.ts, centrándote en provideFirebaseApp, initializeApp, provideAnalytics y getAnalytics. Determina si los puntos de entrada existentes admiten una configuración diferida y define un comportamiento reproducible de Angular 17/Firebase 10 que confirme que la configuración se inicializa más tarde.

Escrito por el modelo de indexación a partir del texto del issue.