Mobile Sidebar Issues

[dillchen]

Description

Fix two issues related to sidebar interaction on the mobile app:

1. Prevent unintended page scrolling when a user is interacting with (dragging) the sidebar.
2. Implement a draggable touch area of approximately 50 pixels width to open the sidebar, reducing the likelihood of unintentionally triggering back navigation during horizontal swipes.

Ping Dillon, we'll go over live, kind of hard to explain and I didn't record a loom

Project Owner

@dillchen

User Stories / Acceptance Criteria

• When the sidebar is dragged open, users should not be able to simultaneously scroll vertically on the page.
• Users should have a clearly defined draggable touch area (approx. 50px wide) to open the sidebar.
• Horizontal swipes outside the defined draggable area should not inadvertently navigate the user backward.

Additional Context

No response