feat: non-pbr tank lighting and model cache

src/app/tools/tankopedia/[id]/components/Lighting.tsx

@@ -1,15 +1,24 @@
-export function Lighting() {
+import { useModel } from '../../../../../hooks/useModel';
+import { Duel } from '../page';
+
+interface LightingProps {
+  duel: Duel;
+}
+
+export function Lighting({ duel }: LightingProps) {
+  const { hasPbr } = useModel(duel.protagonist.tank.id);
+
   return (
     <>
       <directionalLight
         position={[1, 1, -1]}
-        intensity={3}
+        intensity={hasPbr ? 3 : 5}
         castShadow
         color={'rgb(225, 225, 255)'}
       />
       <directionalLight
         position={[-1, 1, 1]}
-        intensity={2}
+        intensity={hasPbr ? 2 : 4}
         castShadow
         color={'rgb(240, 255, 240)'}
       />

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

@@ -162,7 +162,7 @@ export function TankSandbox({ duel }: TankSandboxProps) {
               >
                 <Controls duel={duel} />
                 <SceneProps />
-                <Lighting />
+                <Lighting duel={duel} />
 
                 <Suspense
                   fallback={

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

@@ -114,7 +114,7 @@ export const ExternalModuleMask = memo<ExternalModuleMaskProps>(({ duel }) => {
   });
 
   const armorGltf = useArmor(duel.protagonist.tank.id);
-  const modelGltf = useModel(duel.protagonist.tank.id);
+  const { gltf: modelGltf } = useModel(duel.protagonist.tank.id);
 
   const armorNodes = Object.values(armorGltf.nodes);
   const modelNodes = Object.values(modelGltf.nodes);

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

@@ -120,7 +120,7 @@ export const SpacedArmorDepth = memo<SpacedArmorDepthProps>(({ duel }) => {
   });
 
   const armorGltf = useArmor(duel.protagonist.tank.id);
-  const modelGltf = useModel(duel.protagonist.tank.id);
+  const { gltf: modelGltf } = useModel(duel.protagonist.tank.id);
 
   const armorNodes = Object.values(armorGltf.nodes);
   const modelNodes = Object.values(modelGltf.nodes);

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

@@ -122,7 +122,7 @@ export const TankModel = memo(({ duel: { protagonist } }: TankModelProps) => {
     tankModelDefinition.turrets[protagonist.turret.id];
   const gunModelDefinition = turretModelDefinition.guns[protagonist.gun.id];
 
-  const gltf = useModel(protagonist.tank.id);
+  const { gltf } = useModel(protagonist.tank.id);
   const nodes = Object.values(gltf.nodes);
 
   return (