Refactor UI components and styles for improved layout and consistency

app/src/modules/scene/scene.tsx

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { Canvas } from "@react-three/fiber";
-import { Environment, KeyboardControls } from "@react-three/drei";
+import { Environment, KeyboardControls, Stars } from "@react-three/drei";
 
 import World from "./world/world";
 import Controls from "./controls/controls";
@@ -50,7 +50,11 @@ export default function Scene() {
         <ZoneCentreTarget />
         <Simulation />
         <PostProcessing />
-        {savedTheme !== "dark" && <Sun />}
+        {savedTheme !== "dark" ? (
+          <Sun />
+        ) : (
+          <Stars speed={1} count={500} radius={300} />
+        )}
         <Shadows />
         <CamModelsGroup />
         <MqttEvents />