🐛 Bug: Sidebar navigation issues on mobile/tablet viewports

[AbhiVarde]

👟 Reproduction steps

Issue 1: Organization Pages - Sidebar Not Appearing

1. Navigate to any organization page (e.g., organization settings)
2. Resize browser to mobile/tablet viewport (< 1024px) or use mobile device
3. Click the hamburger menu icon in navbar
4. Observe that only blur overlay appears without sidebar content

Issue 2: Project Pages - Missing Navigation Items

1. Navigate to any project page
2. Resize browser to mobile/tablet viewport (< 1024px)
3. Click the hamburger menu icon
4. Observe that sidebar appears but Settings, Feedback, and Support buttons are missing

Issue 3: Feedback/Support Modals Not Working

1. On mobile/tablet viewport, open sidebar (if it appears)
2. Try clicking "Feedback" or "Support" buttons
3. Observe that modals don't open properly or have extra background overlays

👍 Expected behavior

Organization Pages:

• Sidebar should appear with all navigation elements:
  • Search icon and user avatar at top
  • Upgrade button for plan changes
  • Feedback and Support buttons at bottom that work correctly

Project Pages:

• Sidebar should display all navigation items including:
  • Settings button with proper divider
  • Feedback and Support buttons at bottom
  • All buttons should function properly

Modal Behavior:

• Feedback and Support modals should open cleanly without extra overlays
• Modals should be fully functional on mobile/tablet

👎 Actual Behavior

Organization Pages:

• Clicking hamburger menu shows only blur overlay
• No sidebar content appears
• Navigation is completely broken on mobile/tablet

Project Pages:

• Sidebar appears but missing essential navigation:
  • No Settings button visible
  • No Feedback/Support buttons at bottom
  • Inconsistent with desktop experience

Modal Behavior:

• Feedback/Support buttons (when visible) don't open modals properly
• Extra background overlays appear
• Modal interaction is broken on smaller screens

🎲 Appwrite version

Version 1.8.x

💻 Operating system

Windows

🧱 Your Environment

• Browser: Chrome 122.0.6261.112 (Official Build) (64-bit)
• OS: Windows 11 Home (Version 24H2, Build 26100.6584)
• Console Version: 1.8.0
• Tested on: Mobile viewport (< 768px) and Tablet viewport (768px - 1024px)

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[HarshMN2345]

Thanks for raising this issue! This has been resolved in the PR #2699, so I’m closing this now.

[AbhiVarde]

Thanks for the update, Harsh… really appreciate the fix in #2699 🙏

Just wanted to gently add a bit of context in case it’s helpful.
While testing, I noticed a few edge cases that still seem to be missing.

Project pages (tablet range):
• Between 768px–1024px, the sidebar doesn’t show Settings / Feedback / Support
• Below 768px, those items appear, but clicking Feedback doesn’t always open the modal correctly

Organization pages:
• The Feedback modal opens, but there are still cases where extra background overlays appear

There’s an earlier PR (#2485) that touches these scenarios… sharing only in case it helps!!