fix: Optimize Three.js rendering to reduce requestAnimationFrame latency (geometry reuse)

frontend/src/components/Constellations.tsx

@@ -82,6 +82,9 @@ export function Constellations() {
     });
   }, [constellations]);
 
+  // Reuse geometry
+  const sphereGeometry = useMemo(() => new THREE.SphereGeometry(15, 8, 8), []);
+
   if (constellationLines.length === 0) {
     return null;
   }
@@ -92,8 +95,7 @@ export function Constellations() {
         <group key={constellation.name}>
           {/* Render constellation stars */}
           {constellation.starPositions.map((pos, idx) => (
-            <mesh key={`${constellation.name}-star-${idx}`} position={pos}>
+            <mesh key={`${constellation.name}-star-${idx}`} position={pos} geometry={sphereGeometry}>
-              <sphereGeometry args={[15, 8, 8]} />
               <meshBasicMaterial color="#FFFFFF" transparent opacity={0.6} />
             </mesh>
           ))}

frontend/src/components/Stars.tsx

@@ -90,6 +90,9 @@ export function Stars() {
     });
   }, [stars]);
 
+  // Reuse geometry for all stars to improve performance
+  const sphereGeometry = useMemo(() => new THREE.SphereGeometry(1, 16, 16), []);
+
   if (starData.length === 0) {
     return null;
   }
@@ -99,8 +102,7 @@ export function Stars() {
       {starData.map((star) => (
         <group key={star.name}>
           {/* Star sphere */}
-          <mesh position={star.position}>
+          <mesh position={star.position} geometry={sphereGeometry} scale={[star.size, star.size, star.size]}>
-            <sphereGeometry args={[star.size, 16, 16]} />
             <meshBasicMaterial
               color={star.color}
               transparent
@@ -110,8 +112,7 @@ export function Stars() {
           </mesh>
 
           {/* Star glow */}
-          <mesh position={star.position}>
+          <mesh position={star.position} geometry={sphereGeometry} scale={[star.size * 2, star.size * 2, star.size * 2]}>
-            <sphereGeometry args={[star.size * 2, 16, 16]} />
             <meshBasicMaterial
               color={star.color}
               transparent