feat: r5g6b5a0 format compatibility

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

@@ -21,11 +21,11 @@ import { Options } from './components/Options';
 import { TankArmor } from './components/TankArmor';
 import { TankModel } from './components/TankModel';
 
-interface TankDisplayProps {
+interface TankSandboxProps {
   duel: Duel;
 }
 
-export function TankDisplay({ duel }: TankDisplayProps) {
+export function TankSandbox({ duel }: TankSandboxProps) {
   const canvas = useRef<HTMLCanvasElement>(null);
   const awaitedModelDefinitions = use(modelDefinitions);
   const canvasWrapper = useRef<HTMLDivElement>(null);

src/app/tools/tankopedia/[id]/page.tsx

@@ -8,7 +8,7 @@ import { tankDefinitions } from '../../../../core/blitzkrieg/tankDefinitions';
 import mutateTankopedia, { DuelMember } from '../../../../stores/tankopedia';
 import { AntagonistBar } from './components/AntagonistBar';
 import { Configure } from './components/Configure';
-import { TankDisplay } from './components/Model/TankDisplay';
+import { TankSandbox } from './components/Model/TankSandbox';
 import { Title } from './components/Title';
 
 export interface Duel {
@@ -81,7 +81,7 @@ export default function Page({ params }: { params: { id: string } }) {
       <Flex gap="8" direction="column">
         <Flex gap="4" direction="column">
           <Title duel={duel} />
-          <TankDisplay duel={duel} />
+          <TankSandbox duel={duel} />
           <AntagonistBar duel={duel} setDuel={setDuel} />
         </Flex>