feat: optimized shell switching

src/stores/duel.ts

@@ -1,5 +1,6 @@
 import { produce } from 'immer';
 import { create } from 'zustand';
+import { subscribeWithSelector } from 'zustand/middleware';
 import { DuelMember } from './tankopedia';
 
 export interface Duel {
@@ -8,9 +9,11 @@ export interface Duel {
   antagonist?: DuelMember;
 }
 
-export const useDuel = create<Duel>()(() => ({
-  assigned: false,
-}));
+export const useDuel = create<Duel>()(
+  subscribeWithSelector<Duel>(() => ({
+    assigned: false,
+  })),
+);
 
 export function mutateDuel(recipe: (draft: Duel) => void) {
   useDuel.setState(produce(recipe));