feat: simplified duel state

src/components/ArmorMesh/index.tsx

@@ -2,14 +2,15 @@ import { MeshProps } from '@react-three/fiber';
 import { MeshStandardMaterial } from 'three';
 import CustomShaderMaterial from 'three-custom-shader-material';
 import { degToRad } from 'three/src/math/MathUtils';
+import { Duel } from '../../app/tools/tankopedia/[id]/page';
 import { canSplash } from '../../core/blitz/canSplash';
 import { isExplosive } from '../../core/blitz/isExplosive';
 import { resolveNearPenetration } from '../../core/blitz/resolveNearPenetration';
-import { useTankopedia } from '../../stores/tankopedia';
 import fragmentShader from './shaders/fragment.glsl';
 import vertexShader from './shaders/vertex.glsl';
 
 interface ArmorMeshProps extends MeshProps {
+  duel: Duel;
   isSpaced: boolean;
   isExternalModule?: boolean;
   thickness: number;
@@ -19,14 +20,10 @@ export function ArmorMesh({
   isSpaced,
   isExternalModule = false,
   thickness,
+  duel,
   ...props
 }: ArmorMeshProps) {
-  const shell = useTankopedia((state) => {
-    if (!state.areTanksAssigned) return;
-    return state.antagonist.shell;
-  });
-
-  if (!shell) return null;
+  const { shell } = duel.antagonist;
 
   return (
     <>