🐞 Bug Report

Describe the bug

• When the server starts and the webpage loads, the UI is not compact, causing horizontal scrolling (left-to-right) along with vertical scrolling. The webpage content does not fit properly within the browser window.
• The issue seems to be related to improper layout or CSS styles, leading to overflow in the horizontal direction.
• Key elements like the menu bar and other components contribute to the layout issue, making the user interface less responsive.

To Reproduce

1. Start the server using the appropriate command.
2. Open the webpage in a browser (e.g., Chrome).
3. Resize the browser window or inspect the layout on different screen sizes.
4. Observe the horizontal scrolling issue.

Expected behaviour

• The webpage should render in a compact and responsive manner, fitting the browser window's width. Horizontal scrolling should not occur, and the layout should adjust dynamically to prevent overflow.