[re-open] Fix #11881 Side navigation scrolling

[poju3185]

Summary

Fixes #11881
When the side nav was scrolled to its top or bottom limit, further scrolling attempts would unexpectedly propagate to the main content area, causing it to scroll instead. To resolve this issue, I've added the CSS property overscroll-behavior: contain; to the .side-nav-scrollable-area class, containing the scroll within the side nav and preventing it from affecting the main content area.

References

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior

Reviewer guidance

1. Run the Kolibri Mac app on the browser
2. Open the main side navigation
3. Scroll, and observe the main page content does not also scrolling

---

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical user journeys are covered by Gherkin stories
• Critical and brittle code paths are covered by unit tests

PR process

• PR has the correct target branch and milestone
• PR has 'needs review' or 'work-in-progress' label
• If PR is ready for review, a reviewer has been added. (Don't use 'Assignees')
• If this is an important user-facing change, PR or related issue has a 'changelog' label
• If this includes an internal dependency change, a link to the diff is provided

Reviewer checklist

• Automated test coverage is satisfactory
• PR is fully functional
• PR has been tested for accessibility regressions
• External dependency files were updated if necessary (yarn and pip)
• Documentation is updated
• Contributor is in AUTHORS.md

before.mov

after.mov

[github-actions]

Build Artifacts

Asset type	Download link
PEX file	kolibri-0.16.1.dev0_git.20240315160419.pex
Windows Installer (EXE)	kolibri-0.16.1.dev0+git.20240315160419-unsigned.exe
Debian Package	kolibri_0.16.1.dev0+git.20240315160419-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.16.1.dev0+git.20240315160419-0.4.0.dmg
Android Package (APK)	kolibri-0.16.1.dev0+git.20240315160419-0.1.0-debug.apk
TAR file	kolibri-0.16.1.dev0+git.20240315160419.tar.gz
WHL file	kolibri-0.16.1.dev0+git.20240315160419-py2.py3-none-any.whl

[LianaHarris360]

Thank you for updating the target branch. The code changes look good to me. This pr can be approved and merged after a QA review!

[pcenov]

Thanks @poju3185 - I confirm that this is fixed now!