chore: add ngrx toolkit

Author: michaelschoenbaechler

package-lock.json

@@ -46,6 +46,7 @@
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
+    "@angular-architects/ngrx-toolkit": "^20.0.1",
     "@angular-devkit/build-angular": "^20.1.3",
     "@angular-eslint/builder": "~20.1.1",
     "@angular-eslint/eslint-plugin": "~20.1.1",

package.json

@@ -12,6 +12,7 @@ import { map, switchMap } from 'rxjs/operators';
 import { tapResponse } from '@ngrx/operators';
 import { BusinessStatus } from 'swissparl';
 import * as _ from 'lodash';
+import { withDevtools } from '@angular-architects/ngrx-toolkit';
 import {
   createDefaultRequestState,
   RequestState
@@ -34,6 +35,7 @@ const initialBusinessStatusesState: BusinessStatusesSlice = {
 
 export const BusinessStatusesStore = signalStore(
   { providedIn: 'root' },
+  withDevtools('BusinessStatusesStore'),
   withState(initialBusinessStatusesState),
   withComputed((store) => {
     return {

src/app/business/store/business-status/business-statuses.store.ts

@@ -1,16 +1,17 @@
 import {
+  patchState,
   signalStore,
-  withState,
   withComputed,
   withMethods,
-  patchState
+  withState
 } from '@ngrx/signals';
 import { computed, inject } from '@angular/core';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
 import { pipe, tap } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
 import { tapResponse } from '@ngrx/operators';
 import { BusinessType } from 'swissparl';
+import { withDevtools } from '@angular-architects/ngrx-toolkit';
 import {
   createDefaultRequestState,
   RequestState
@@ -33,6 +34,7 @@ const initialBusinessTypesState: BusinessTypesState = {
 
 export const BusinessTypesStore = signalStore(
   { providedIn: 'root' },
+  withDevtools('BusinessTypesStore'),
   withState(initialBusinessTypesState),
   withComputed((store) => {
     return {

src/app/business/store/business-types/business-types.store.ts

@@ -1,17 +1,18 @@
 import {
+  getState,
+  patchState,
   signalStore,
-  withState,
   withComputed,
   withMethods,
-  patchState,
-  getState
+  withState
 } from '@ngrx/signals';
 import { computed, inject } from '@angular/core';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
 import { filter, pipe, tap } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
 import { tapResponse } from '@ngrx/operators';
 import { Business } from 'swissparl';
+import { withDevtools } from '@angular-architects/ngrx-toolkit';
 import {
   createDefaultRequestState,
   RequestState
@@ -54,6 +55,7 @@ const initialState: BusinessSlice = {
 
 export const BusinessStore = signalStore(
   { providedIn: 'root' },
+  withDevtools('BusinessStore'),
   withState(initialState),
   withComputed((store) => {
     return {

src/app/business/store/business/business.store.ts

@@ -12,6 +12,7 @@ import { filter, pipe, tap } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
 import { MemberCouncil } from 'swissparl';
 import { tapResponse } from '@ngrx/operators';
+import { withDevtools } from '@angular-architects/ngrx-toolkit';
 import {
   CouncilMemberFilter,
   CouncilMemberService
@@ -54,6 +55,7 @@ const initialState: CouncilMemberState = {
 
 export const CouncilMemberStore = signalStore(
   { providedIn: 'root' },
+  withDevtools('CouncilMemberStore'),
   withState(initialState),
   withComputed((store) => {
     return {

src/app/council-member/store/council-member/council-member.store.ts

@@ -11,6 +11,7 @@ import { pipe, tap } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
 import { tapResponse } from '@ngrx/operators';
 import { computed, inject } from '@angular/core';
+import { withDevtools } from '@angular-architects/ngrx-toolkit';
 import {
   createDefaultRequestState,
   RequestState
@@ -34,6 +35,7 @@ const initialVotingRecordState: VotingRecordSlice = {
 
 export const VotingRecordStore = signalStore(
   { providedIn: 'root' },
+  withDevtools('VotingRecordStore'),
   withState(initialVotingRecordState),
   withComputed((store) => {
     return {

src/app/council-member/store/voting-record/voting-record.store.ts

@@ -1,7 +1,6 @@
 import {
   Component,
   computed,
-  effect,
   inject,
   input,
   OnInit

src/app/votes/components/vote-card/vote-card.component.ts

@@ -9,7 +9,8 @@ import {
 import { computed, inject } from '@angular/core';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
 import { filter, pipe, tap } from 'rxjs';
-import { mergeMap, switchMap } from 'rxjs/operators';
+import { switchMap, mergeMap } from 'rxjs/operators';
+import { withDevtools } from '@angular-architects/ngrx-toolkit';
 import { Vote } from 'swissparl';
 import { tapResponse } from '@ngrx/operators';
 import {
@@ -24,8 +25,8 @@ import {
   createRefreshState,
   createSuccessVotesAppendRequestState,
   createSuccessVotesRequestState,
-  createUpsertDetailedVoteState,
-  patchQueryState
+  patchQueryState,
+  createUpsertDetailedVoteState
 } from './vote.updaters';
 import {
   createVoteDetailVm,
@@ -51,6 +52,7 @@ const initialState: VoteSlice = {
 
 export const VoteStore = signalStore(
   { providedIn: 'root' },
+  withDevtools('VoteStore'),
   withState(initialState),
   withComputed((store) => {
     return {