fix: use providers

src/app/tools/tankopedia/layout.tsx

@@ -1,5 +1,13 @@
+import * as TankopediaEphemeral from '../../../stores/tankopediaEphemeral';
+import * as TankopediaPersistent from '../../../stores/tankopediaPersistent';
 import * as TankopediaSort from '../../../stores/tankopediaSort';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  return <TankopediaSort.Provider>{children}</TankopediaSort.Provider>;
+  return (
+    <TankopediaPersistent.Provider>
+      <TankopediaEphemeral.Provider>
+        <TankopediaSort.Provider>{children}</TankopediaSort.Provider>
+      </TankopediaEphemeral.Provider>
+    </TankopediaPersistent.Provider>
+  );
 }

src/stores/tankopediaEphemeral.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { Vector3 } from 'three';
 import { create } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';

src/stores/tankopediaPersistent/index.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { merge } from 'lodash';
 import { create } from 'zustand';
 import { persist, subscribeWithSelector } from 'zustand/middleware';