bug when using ng add

### Version info

**Angular: 16.0.0**

**AngularFire: 16.0.0**

**ionic: 7.5.0**

The problem is that all imports are on a single line without a comma, and the options must be in a file enviroment.ts

`importProvidersFrom(provideFirebaseApp(() => initializeApp({ "projectId": "products-management-24d37", "appId": "1:297477400518:web:2e921bbcd4faaee5edf4c7", "storageBucket": "products-management-24d37.appspot.com", "apiKey": "AIzaSyBq8PkHk8YahCbve3DiOtXFDmhhabrzTy4", "authDomain": "products-management-24d37.firebaseapp.com", "messagingSenderId": "297477400518", "measurementId": "G-151GNJXTSH" })))importProvidersFrom(provideAuth(() => getAuth()))importProvidersFrom(provideFirestore(() => getFirestore()))importProvidersFrom(provideStorage(() => getStorage())),`

Start by reproducing the ng add flow with Angular 16.0.0, AngularFire 16.0.0, and Ionic 7.5.0, focusing on the generated provider imports and environment.ts configuration mentioned in the report. Done means the generated imports are separated correctly with commas and the Firebase options are placed in environment.ts.

Written by the indexing model from the issue text.