[Bug] `Sidebar` Overflows Navigation `Header` in Mobile View

[Shoaibdev7]

Describe the bug

• In mobile view, the sidebar overlaps the navigation header, causing a UI issue where the header is partially or fully obscured.

Evidence:

https://www.loom.com/share/1942319de0b34badabc76699d3d9e8e3

Expected behavior

• The sidebar should not extend over the navigation header.
• The UI should properly adjust so that the navigation header remains fully visible and accessible.

Acceptance Criteria

• The sidebar no longer overlaps the navigation header.
• The UI properly adapts in mobile and responsive views.
• The fix has been tested on Chrome (desktop & mobile).
• I have posted a screenshot or video in my PR
• I have rebased and tested locally before submitting my PR

[Shoaibdev7]

@humansinstitute Please review this issue and assign me?