fix repair game suspense boundaries

src/components/three/gameplay/RepairGame.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import { ExplodableModel } from "@/components/three/models/ExplodableModel";
 import type { RepairCasePlaceholder } from "@/components/three/gameplay/RepairCaseModel";
 import { RepairCompletionStep } from "@/components/three/gameplay/RepairCompletionStep";
@@ -71,6 +71,7 @@ export function RepairGame({
 
   return (
     <group position={position} rotation={rotation} scale={parsedScale}>
+      <Suspense fallback={null}>
         {step === "waiting" ? (
           <RepairInspectionObject
             config={config}
@@ -119,6 +120,7 @@ export function RepairGame({
             showFragmentationPrompt={readyForFragmentation}
           />
         ) : null}
+      </Suspense>
     </group>
   );
 }

src/world/World.tsx

@@ -1,3 +1,4 @@
+import { Suspense } from "react";
 import { Physics } from "@react-three/rapier";
 import {
   PLAYER_SPAWN_POSITION_GAME,
@@ -43,10 +44,10 @@ export function World({ onLoadingStateChange }: WorldProps): React.JSX.Element {
       <Lighting />
       <DebugHelpers />
       {showHandTrackingGloves ? (
-        <>
+        <Suspense fallback={null}>
           <HandTrackingGlove handedness="left" />
           <HandTrackingGlove handedness="right" />
-        </>
+        </Suspense>
       ) : null}
       {cameraMode === "debug" ? <DebugCameraControls /> : null}
       {sceneMode === "game" ? (