Refactor logging components and styles; remove unused CSS; enhance log icon functionality

- Removed the random color generation function from ProductionCapacity component.
- Updated ThroughputSummary component to remove unused imports.
- Simplified LogList component by removing unnecessary icons and integrating GetLogIcon for log types.
- Enhanced LoggerContext to support a new "success" log type and optimized logger methods with useMemo.
- Adjusted SimulationPlayer to conditionally render analysis components.
- Deleted index.css and removed its import from index.tsx.
- Cleaned up builder module by removing unused imports and optimizing state management.
- Removed savedTheme from Ground component.
- Changed log message from info to warning in Project component.
- Updated log color variables in SCSS files for better visibility and consistency.
- Added new log icons for success, error, info, and warning in LogIcons component.
- Created GetLogIcon utility to streamline log icon rendering based on log type.

app/src/modules/builder/builder.tsx

@@ -22,7 +22,6 @@ import {
   useDeletePointOrLine,
   useMovePoint,
   useActiveLayer,
-  useSocketStore,
   useWallVisibility,
   useRoofVisibility,
   useShadows,
@@ -48,15 +47,11 @@ import FloorGroupAilse from "./groups/floorGroupAisle";
 import Draw from "./functions/draw";
 import WallsAndWallItems from "./groups/wallsAndWallItems";
 import Ground from "../scene/environment/ground";
-// import ZoneGroup from "../groups/zoneGroup1";
 import { findEnvironment } from "../../services/factoryBuilder/environment/findEnvironment";
 import Layer2DVisibility from "./geomentries/layers/layer2DVisibility";
-import DrieHtmlTemp from "../visualization/mqttTemp/drieHtmlTemp";
 import ZoneGroup from "./groups/zoneGroup";
-import useModuleStore from "../../store/useModuleStore";
 import MeasurementTool from "../scene/tools/measurementTool";
 import NavMesh from "../simulation/vehicle/navMesh/navMesh";
-import ProductionCapacity from "../../components/ui/analysis/ThroughputSummary";
 
 export default function Builder() {
   const state = useThree<Types.ThreeState>(); // Importing the state from the useThree hook, which contains the scene, camera, and other Three.js elements.
@@ -113,21 +108,19 @@ export default function Builder() {
 
   const [selectedItemsIndex, setSelectedItemsIndex] =
     useState<Types.Number | null>(null); // State for tracking the index of the selected item.
-  const { activeLayer, setActiveLayer } = useActiveLayer(); // State that changes based on which layer the user chooses in Layers.jsx.
-  const { toggleView, setToggleView } = useToggleView(); // State for toggling between 2D and 3D.
+  const { activeLayer } = useActiveLayer(); // State that changes based on which layer the user chooses in Layers.jsx.
+  const { toggleView } = useToggleView(); // State for toggling between 2D and 3D.
   const { toolMode, setToolMode } = useToolMode();
-  const { movePoint, setMovePoint } = useMovePoint(); // State that stores a boolean which represents whether the move mode is active or not.
-  const { deletePointOrLine, setDeletePointOrLine } = useDeletePointOrLine();
-  const { socket } = useSocketStore();
-  const { roofVisibility, setRoofVisibility } = useRoofVisibility();
-  const { wallVisibility, setWallVisibility } = useWallVisibility();
-  const { shadows, setShadows } = useShadows();
-  const { renderDistance, setRenderDistance } = useRenderDistance();
-  const { limitDistance, setLimitDistance } = useLimitDistance();
-  const { updateScene, setUpdateScene } = useUpdateScene();
-  const { walls, setWalls } = useWalls();
+  const { setMovePoint } = useMovePoint(); // State that stores a boolean which represents whether the move mode is active or not.
+  const { setDeletePointOrLine } = useDeletePointOrLine();
+  const { setRoofVisibility } = useRoofVisibility();
+  const { setWallVisibility } = useWallVisibility();
+  const { setShadows } = useShadows();
+  const { setRenderDistance } = useRenderDistance();
+  const { setLimitDistance } = useLimitDistance();
+  const { setUpdateScene } = useUpdateScene();
+  const { setWalls } = useWalls();
   const { refTextupdate, setRefTextUpdate } = useRefTextUpdate();
-  const { activeModule } = useModuleStore();
 
   // const loader = new GLTFLoader();
   // const dracoLoader = new DRACOLoader();

app/src/modules/scene/environment/ground.tsx

@@ -3,7 +3,6 @@ import * as CONSTANTS from "../../../types/world/worldConstants";
 
 const Ground = ({ grid, plane }: any) => {
   const { toggleView } = useToggleView();
-  const savedTheme: string | null = localStorage.getItem("theme");
   const { planeValue, gridValue } = useTileDistance();
 
   return (