add zustand game state

src/pages/docs/animation/page.tsx

@@ -6,7 +6,7 @@ export function DocsAnimationPage(): React.JSX.Element {
     <DocsDocument
       content={animation}
       frContent={animation}
-      meta="07"
+      meta="08"
       title="Animation & 3D Model System"
     />
   );

src/pages/docs/editor/page.tsx

@@ -7,7 +7,7 @@ export function DocsEditorPage(): React.JSX.Element {
     <DocsDocument
       content={editor}
       frContent={editorFr}
-      meta="06"
+      meta="07"
       title="Editor User Guide"
     />
   );

src/pages/docs/features/page.tsx

@@ -7,7 +7,7 @@ export function DocsFeaturesPage(): React.JSX.Element {
     <DocsDocument
       content={features}
       frContent={featuresFr}
-      meta="05"
+      meta="06"
       title="Features"
     />
   );

src/pages/docs/zustand/page.tsx

@@ -0,0 +1,14 @@
+import zustand from "../../../../docs/technical/zustand.md?raw";
+import { DocsDocument } from "@/components/docs/DocsDocument";
+import { zustandFr } from "@/data/docs/docsTranslations";
+
+export function DocsZustandPage(): React.JSX.Element {
+  return (
+    <DocsDocument
+      content={zustand}
+      frContent={zustandFr}
+      meta="05"
+      title="Zustand Game State"
+    />
+  );
+}

src/pages/page.tsx

@@ -1,9 +1,7 @@
 import { Suspense } from "react";
 import { Canvas } from "@react-three/fiber";
-import { Crosshair } from "@/components/ui/Crosshair";
-import { GameStateHUD } from "@/components/ui/GameStateHUD";
-import { InteractPrompt } from "@/components/ui/InteractPrompt";
 import { DebugPerf } from "@/components/debug/DebugPerf";
+import { GameUI } from "@/components/ui/GameUI";
 import { World } from "@/world/World";
 
 export function HomePage(): React.JSX.Element {
@@ -15,9 +13,7 @@ export function HomePage(): React.JSX.Element {
           <DebugPerf />
         </Suspense>
       </Canvas>
-      <GameStateHUD />
-      <Crosshair />
-      <InteractPrompt />
+      <GameUI />
     </>
   );
 }