Made the sidebar more responsive to avoid layout distortion

[Puja-Rachchh]

Overview

This pull request significantly improves the user experience across different screen sizes and allowing users to adjust size of the sidebar by implementing comprehensive responsive design features for the sidebar in the Collaborative Code Editor. The changes ensure optimal usability on mobile phones, tablets, and various desktop screen sizes.

Issues Resolved:

#133

Demo

2025-09-16.08-10-51.mp4

Features:

• Refactor sidebar layout using CSS flexbox or grid for better scaling.
• Use relative units (%, rem, vw/vh) instead of fixed pixels where applicable.
• Implement media queries to collapse or resize sidebar gracefully on smaller screens.
• Ensure buttons and file controls scale properly without overlapping.