fix(review): address audit findings before merge

src/world/characters/CharacterSystem.tsx

@@ -0,0 +1,37 @@
+import { Suspense } from "react";
+import { AnimatedModel } from "@/components/three/models/AnimatedModel";
+import {
+  CHARACTER_CONFIGS,
+  CHARACTER_IDS,
+  type CharacterId,
+} from "@/data/world/characters/characterConfig";
+import { useTerrainSnappedPosition } from "@/hooks/three/useTerrainHeight";
+import { useCharacterDebugStore } from "@/managers/stores/useCharacterDebugStore";
+
+function CharacterModel({ id }: { id: CharacterId }): React.JSX.Element {
+  const config = CHARACTER_CONFIGS[id];
+  const state = useCharacterDebugStore((store) => store.characters[id]);
+  const position = useTerrainSnappedPosition(state.position);
+
+  return (
+    <AnimatedModel
+      modelPath={config.modelPath}
+      defaultAnimation={state.animation}
+      position={position}
+      rotation={state.rotation}
+      scale={state.scale}
+    />
+  );
+}
+
+export function CharacterSystem(): React.JSX.Element {
+  return (
+    <group name="character-system">
+      {CHARACTER_IDS.map((id) => (
+        <Suspense key={id} fallback={null}>
+          <CharacterModel id={id} />
+        </Suspense>
+      ))}
+    </group>
+  );
+}