[Bug] Horizontal Scrolling Issue: Webpage Layout Not Fully Responsive

[d1vyanshu-kumar]

🐞 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.

---

[d1vyanshu-kumar]

@Shubh942 Could you please review this issue? If it seems valid, please assign it to me. I've already started working on a solution.

[Shubh942]

@d1vyanshu-kumar go for it!