🌱 Fix Sidebar Responsiveness and Alignment

[Parnab03]

Description:

The current sidebar implementation has the following issues:

1. It is not responsive across different screen sizes.
2. The logo and sidebar container are not perfectly aligned in a column direction.
3. The "Desktop" text appears smaller compared to "Mobile" and "Tablet".
4. The height of the sidebar needs to be responsive. Additionally, it should maintain a small gap from the bottom and not touch the ground.

Expected Behavior:

• The sidebar should be fully responsive and properly aligned for all screen sizes.
• The logo and sidebar container should align perfectly in the column direction.
• Ensure the font size for "Desktop" matches "Mobile" and "Tablet".
• Make the sidebar height adaptive to screen sizes, leaving a slight gap from the bottom of the screen.

Refer to the Figma design for detailed alignment and styling guidelines.

[zul132]

@Parnab03 hey I am interested in working on this issue. Can i please be assigned to it?

[Parnab03]

sure @zul132