Enhanced Visual Debugger/Agent Inspector for HASH Engine (UI/UX Improvements)

### Describe the bug When running simulations using the HASH engine, it’s difficult to visually inspect how agents behave, change state, or interact across time. Currently, debugging involves reading logs or manually stepping through ticks and that can be unintuitive, especially for non-developer users. ### To reproduce A modernized and visually improved version of the HASH Visual Debugger UI with: A cleaner and more aligned Simulation Grid View layout. A refined Agent Inspector panel with enhanced spacing and font hierarchy. A redesigned Timeline Scrubber with clearer tick indication and spacing. Improved overall visual clarity, contrast, and usability. (The goal is to match the layout shown in the provided mockup) ### Expected behavior When an agent slows down or moves, the Agent Inspector should update with the new speed and position in real-time. The Behavior Log should also reflect all changes in a readable and continuous format, such as: "Moved to (5,7)" "Speed changed from 60 km/h to 50 km/h" ### Device Laptop – Dell Inspiron 15 ### Operating system Windows 11 Home 64-bit ### Browser Google Chrome Version 123.0.6312.86 (64-bit) ### Additional context This is a feature suggestion based on my experience using the HASH debugger. I'm contributing this idea as a design improvement to help users quickly assess agent fuel levels visually. I believe it aligns with HASH’s goal of creating intuitive agent-based simulations