fix: bleeding spaced armor

src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx

@@ -132,7 +132,6 @@ export function TankDisplay({ duel }: TankDisplayProps) {
                 >
                   <TankModel duel={duel} />
                   <TankArmor duel={duel} />
-                  {/* <SpacedArmorDepth duel={duel} /> */}
                 </Suspense>
               </Canvas>
             </div>

src/components/ArmorMesh/components/SpacedArmorDepth/index.tsx

@@ -22,20 +22,28 @@ export function ArmorMeshSpacedArmorDepth(
   props: ArmorMeshSpacedArmorDepthProps,
 ) {
   return (
-    <mesh {...props}>
+    <>
-      {!props.include && <meshBasicMaterial colorWrite={false} />}
+      {!props.include && (
-      {props.include && (
+        <mesh {...props} renderOrder={0}>
-        <ThreeCustomShaderMaterial
+          <meshBasicMaterial colorWrite={false} />
-          silent
+        </mesh>
-          baseMaterial={MeshStandardMaterial}
-          fragmentShader={fragmentShader}
-          vertexShader={vertexShader}
-          uniforms={{
-            thickness: { value: props.thickness },
-            maxThickness: { value: props.maxThickness },
-          }}
-        />
       )}
-    </mesh>
+
+      {props.include && (
+        <mesh {...props} renderOrder={1}>
+          <ThreeCustomShaderMaterial
+            silent
+            depthWrite={false}
+            baseMaterial={MeshStandardMaterial}
+            fragmentShader={fragmentShader}
+            vertexShader={vertexShader}
+            uniforms={{
+              thickness: { value: props.thickness },
+              maxThickness: { value: props.maxThickness },
+            }}
+          />
+        </mesh>
+      )}
+    </>
   );
 }