[BUG]: Sidebar content overflows into the main component overlapping each other

[Ayushdas1904]

Bug Description

The sidebar currently overflows into the main component area when expanded. This causes layout overlap and reduces the readability and usability of both the sidebar and main content.

Steps to Reproduce

1. Open the website/documentation.
2. Observe that the sidebar content overlaps or spills into the main section.

Expected Behavior

The main component should adjust accordingly to when the sidebar is expanded to not cause overlapping of content.

Actual Behavior

When the viewport changes or the content is longer than expected, the sidebar extends or overflows into the main section, causing layout misalignment.

Screenshots

here the sidebar when expanded hides the information on the main content.

Environment

• Browser: Safari
• OS: macOS
• Device: laptop

[Ayushdas1904]

hey @avinash201199 , assign me this issue.

[Ayushdas1904]

hey @avinash201199 , please merge this.