feat: add game process scene

packages/sts-like-viewer/src/ui/App.tsx

@@ -5,12 +5,16 @@ import { IndexScene } from '@/scenes/IndexScene';
 import { MapViewerScene } from '@/scenes/MapViewerScene';
 import { GridViewerScene } from '@/scenes/GridViewerScene';
 import { ShapeViewerScene } from '@/scenes/ShapeViewerScene';
+import { GameFlowScene } from '@/scenes/GameFlowScene';
+import { PlaceholderEncounterScene } from '@/scenes/PlaceholderEncounterScene';
 
 export default function App() {
   const indexScene = useMemo(() => new IndexScene(), []);
   const mapViewerScene = useMemo(() => new MapViewerScene(), []);
   const gridViewerScene = useMemo(() => new GridViewerScene(), []);
   const shapeViewerScene = useMemo(() => new ShapeViewerScene(), []);
+  const gameFlowScene = useMemo(() => new GameFlowScene(), []);
+  const placeholderEncounterScene = useMemo(() => new PlaceholderEncounterScene(), []);
 
   return (
     <div className="flex flex-col h-screen">
@@ -20,6 +24,8 @@ export default function App() {
           <PhaserScene sceneKey="MapViewerScene" scene={mapViewerScene} />
           <PhaserScene sceneKey="GridViewerScene" scene={gridViewerScene} />
           <PhaserScene sceneKey="ShapeViewerScene" scene={shapeViewerScene} />
+          <PhaserScene sceneKey="GameFlowScene" scene={gameFlowScene} />
+          <PhaserScene sceneKey="PlaceholderEncounterScene" scene={placeholderEncounterScene} />
         </PhaserGame>
       </div>
     </div>