feat: improved visualisation and x4 data import

apps/viewer/src/viewerGalaxyLayer.ts

@@ -1,5 +1,5 @@
 import * as THREE from "three";
-import type { Selectable } from "./viewerTypes";
+import type { Selectable, SystemVisual } from "./viewerTypes";
 
 /**
  * Galaxy rendering layer — the galaxy map.
@@ -15,6 +15,7 @@ export class GalaxyLayer {
   readonly systemGroup = new THREE.Group();
 
   readonly selectableTargets = new Map<THREE.Object3D, Selectable>();
+  readonly systemVisuals = new Map<string, SystemVisual>();
 
   constructor() {
     this.scene.fog = new THREE.FogExp2(0x040912, 0.000035);
@@ -34,4 +35,8 @@ export class GalaxyLayer {
     this.camera.aspect = aspect;
     this.camera.updateProjectionMatrix();
   }
+
+  render(renderer: THREE.WebGLRenderer) {
+    renderer.render(this.scene, this.camera);
+  }
 }