fix(3d): add forceWebGL=true to WebGPURenderer for async init compatibility

Three.js WebGPURenderer requires async await renderer.init() before
.render() can be called, but R3F Canvas gl prop is synchronous.
Added forceWebGL: true to use the WebGL2 backend which initializes
synchronously, avoiding the 'Renderer.render() called before backend
initialized' error. Revert to native WebGPU when R3F supports async
renderer initialization.

Author: Aparencia

client/src/features/pomodoro/components/chronos/ChronosCanvas.tsx

@@ -10,7 +10,7 @@
  *
  * 降级策略：系统 reduced-motion / 性能 low 档 → degraded（减粒子），动画保留不静态化。
  *
- * @ai-context: Chronos 渲染容器；3D 粒子球 ChronosSphere，WebGPU 渲染后端。
+ * @ai-context: Chronos 渲染容器；3D 粒子球 ChronosSphere，WebGPU 渲染后端（forceWebGL 回退）。
  */
 import { Canvas } from '@react-three/fiber';
 import { useRef, useState, memo } from 'react';
@@ -129,7 +129,7 @@ export const ChronosCanvas = memo(function ChronosCanvas({
     >
       {/* 3D 粒子球（R3F + WebGPU；THREE.Points 高效渲染，canvas 填满容器） */}
       <Canvas
-        gl={(c) => new WebGPURenderer({ canvas: c, antialias: true, alpha: true, stencil: false })}
+        gl={(c) => new WebGPURenderer({ canvas: c, antialias: true, alpha: true, stencil: false, forceWebGL: true })}
         dpr={[1, degraded ? 1 : 1.5]}
         camera={{ fov: 50, near: 0.1, far: 20, position: [0, 0, 4.5] }}
         style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', background: 'transparent' }}

client/src/lib/3d/core/SceneProvider.tsx

@@ -19,6 +19,9 @@
  *   需由 LoopResumer 在相位迁移后显式唤醒，否则多次切换后画面永久冻结。
  *
  * @ai-context: 3D 场景核心（R3F）：SceneProvider。
+ *
+ * 注意：当前使用 forceWebGL=true 以同步初始化。R3F 尚不支持异步
+ * WebGPU 渲染器初始化（await renderer.init()），待上游支持后移除该选项。
  */
 import { Canvas, useThree } from '@react-three/fiber';
 import { Suspense, useEffect, useLayoutEffect, useState } from 'react';
@@ -189,6 +192,7 @@ export function SceneProvider({ children, interactive = false }: SceneProviderPr
           antialias: true,
           alpha: true,
           stencil: false,
+          forceWebGL: true,
         })}
         camera={{ fov: 60, near: 0.1, far: 1000, position: [0, 0, 10] }}
         dpr={[1, 2]}