fix: skip the provided number of emitted values

When subscribing to a signal in the form of a subscribe, we ignore
the first value.

* Adds skip to the toObservable.
* Updates app config mock to use provideEnvironmentInitializer

Co-Authored-by: Bertrand Zuchuat <bertrand.zuchuat@rero.ch>

Author: Garfield-fr

src/app/app.config.mock.ts

@@ -1,5 +1,5 @@
 import { provideHttpClient } from '@angular/common/http';
-import { ApplicationConfig, inject, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection } from '@angular/core';
+import { ApplicationConfig, inject, provideBrowserGlobalErrorListeners, provideEnvironmentInitializer, provideZonelessChangeDetection } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter, TitleStrategy } from '@angular/router';
 import Lara from '@primeuix/themes/lara';
@@ -18,8 +18,8 @@ export const appConfig: ApplicationConfig = {
     provideRouter(routes),
     provideHttpClient(),
     provideAnimationsAsync(),
-    provideAppInitializer(() => {
-      return inject(AppStateStore).loadSettings();
+    provideEnvironmentInitializer(() => {
+      inject(AppStateStore).loadSettings();
     }),
     providePrimeNG({
         ripple: true,

src/app/features/books/store/open-library.store.ts

@@ -3,7 +3,7 @@ import { toObservable } from "@angular/core/rxjs-interop";
 import { patchState, signalStore, withHooks, withMethods, withState } from "@ngrx/signals";
 import { rxMethod } from "@ngrx/signals/rxjs-interop";
 import { PaginatorState } from "primeng/paginator";
-import { debounceTime, pipe, switchMap, tap } from "rxjs";
+import { debounceTime, pipe, skip, switchMap, tap } from "rxjs";
 import { withPaginator } from "../../../shared/store/paginator-feature";
 import { setFulfilled, setPending, withRequestStatus } from "../../../shared/store/request-status-feature";
 import { OpenLibraryApiResult, OpenLibraryRecord } from "../model/open-library.model";
@@ -51,7 +51,8 @@ export const OpenLibraryStore = signalStore(
   })),
   withHooks((store) => ({
     onInit: () => {
-      toObservable(store.pager).subscribe(() => store.search(store.filter()));
+      // skip: Skip the provided number of emitted values.
+      toObservable(store.pager).pipe(skip(1)).subscribe(() => store.search(store.filter()));
     }
   }))
 );

src/app/shared/appSate/app-state-api.ts

@@ -1,8 +1,8 @@
-import { debounceTime, Observable, of } from "rxjs";
+import { Injectable } from "@angular/core";
+import { Observable, of } from "rxjs";
 import { Settings } from "./model/settings.model";
 import { userData } from "./model/user.data";
 import { User } from "./model/user.model";
-import { Injectable } from "@angular/core";
 
 
 @Injectable({ providedIn: 'root' })