[PM-9552] add a toggle for the routing animation (#10005)

* add a toggle for the routing animation

* add missing period (thanks mat)

* rename routingAnimation to enableRoutingAnimation for consistency

* move animation-control.service.ts into abstractions

* simplify config option

* fixup! simplify config option

remove dead aria reference

---------

Co-authored-by: Shane Melton <smelton@bitwarden.com>

libs/common/src/platform/abstractions/animation-control.service.ts

@@ -0,0 +1,39 @@
+import { Observable, map } from "rxjs";
+
+import { GlobalStateProvider, KeyDefinition, ANIMATION_DISK } from "../state";
+
+export abstract class AnimationControlService {
+  /**
+   * The routing animation toggle.
+   */
+  abstract enableRoutingAnimation$: Observable<boolean>;
+
+  /**
+   * A method for updating the state of the animation toggle.
+   * @param theme The new state.
+   */
+  abstract setEnableRoutingAnimation(state: boolean): Promise<void>;
+}
+
+const ROUTING_ANIMATION = new KeyDefinition<boolean>(ANIMATION_DISK, "routing", {
+  deserializer: (s) => s,
+});
+
+export class DefaultAnimationControlService implements AnimationControlService {
+  private readonly enableRoutingAnimationState = this.globalStateProvider.get(ROUTING_ANIMATION);
+
+  enableRoutingAnimation$ = this.enableRoutingAnimationState.state$.pipe(
+    map((state) => state ?? this.defaultEnableRoutingAnimation),
+  );
+
+  constructor(
+    private globalStateProvider: GlobalStateProvider,
+    private defaultEnableRoutingAnimation: boolean = true,
+  ) {}
+
+  async setEnableRoutingAnimation(state: boolean): Promise<void> {
+    await this.enableRoutingAnimationState.update(() => state, {
+      shouldUpdate: (currentState) => currentState !== state,
+    });
+  }
+}