[Enhancement]: Make Sidebar Fully Responsive Across All Screen Sizes

[anujsharma8d]

❓ Problem Statement

The current sidebar does not adapt well to different screen sizes. On smaller devices, the sidebar occupy too much space and overlaps content.

Screenshot

🚀 Proposed Enhancement

Make sidebar responsive for all screen sizes.

🛠️ Suggested Implementation

• Add responsive breakpoints for mobile, tablet, and desktop layouts.
• Ensure the sidebar does not overlap or hide page content.

---

• I am a registered GSSoC 2026 contributor.
• I would like to implement this feature myself.

[github-actions]

⚠️ Important Contribution Guideline

Please do not open a Pull Request without being assigned to this issue first.

Please do not open a Pull Request without being assigned to this issue first.

How to proceed:

1. Comment on this issue to express interest
2. Wait for maintainers to assign you to the issue
3. Once assigned, you can start working on the PR
4. Include the assignment in your PR checklist

Thank you for helping us maintain a smooth workflow! 🙏

[anujsharma8d]

Hey @steam-bell-92
Can I work on this?

[steam-bell-92]

@anujsharma8d