[feat] : Implement Collapsible Sidebar with Icon-Only View on Small Screens and Hover Expansion

[JasrajChouhan]

Implement a responsive sidebar that displays only icons on small screens and expands to show full content when hovered over. This feature will enhance the user experience on mobile devices by saving screen space while still providing easy access to navigation items.

How to reproduce

• 1. Go for small window screen
• 2. See the full width of sidebar
• 3. Full nab-bar link show eg. Home , Profile and Bookmark.

Screenshot

Expected behaviour

• 1 show only icon when screen is small.

test

• 1 Google chrome browser

[Kushal3502]

Check this

[JasrajChouhan]

check your environment variable and use current variable NODE_ENV = "production" and handle the stack correctly. in your code, you render an object and the object is not allowed to render.

[JasrajChouhan]

A small request from my side please provide custom URL access of appwrite to another contributor so we can check every bug in development mode currently I am not able to login into your app in localhost.