Document how to configure for standalone components

[NateRadebaugh]

With angular 14 and 15, we can build our apps with tree-shaking in mind and remove the need for NgModules in our codebase.

https://angular.io/guide/standalone-components

In this repo, the only documented way of is to use ToastrModule.forRoot but this does not work:

Error: src/app/app.component.ts:105:3 - error NG2012: 'imports' contains a ModuleWithProviders value, likely the result of a 'Module.forRoot()'-style call. These calls are not used to configure components and are not valid in standalone component imports - consider importing them in the application bootstrap instead.

Here's the section of the angular docs that explain how to configure for this:

https://angular.io/guide/standalone-components#configuring-dependency-injection

Many third party libraries have also been updated to support this provide-function configuration pattern. If a library only offers an NgModule API for its DI configuration, you can use the importProvidersFrom utility to still use it with bootstrapApplication and other standalone contexts:

import { ToastrModule } from "ngx-toastr";

bootstrapApplication(AppComponent, {
  providers: [
    provideAnimations(),
    importProvidersFrom(
        ToastrModule.forRoot({
            timeOut: Config.toastrTimeoutMs,
            positionClass: "toast-bottom-right",
            preventDuplicates: true,
            countDuplicates: true,
        }),
    ),
    provideHttpClient(withInterceptorsFromDi(), withInterceptors([])),
    provideRouter(routes),
  ]
});