BUG: Sidebar is not automatically hidden on mobile screens when user clicked one of navigation buttons

[Olena-Olenka]

Describe your issue

Sidebar is displayed on mobile screens after user clicked one of navigation buttons and is hidden only after user clicks on burger menu in header, thus worsening UX

Steps to reproduce

Pre-condition: User is logged in https://live-in-motion-everyday.com/, toggle device Iphone 14 Pro Max is selected

1. Click on burger menu
2. In displayed menu click on Workout navigation button in Sidebar
3. Check if user is redirected to corresponding page and Sidebar is hidden

What was the actual result?

Sidebar is displayed on mobile screens after user clicked one of navigation buttons and is hidden only after user clicks on burger menu in header

Comment: Bug is reproduced on real device PWA

What was the expected result?

Sidebar is hidden on mobile screens when user clicked one of navigation buttons (except Logout)

Put here any screenshots or videos (optional)

sidebar.mp4

What OS are you seeing the problem on?

Windows

What browsers are you seeing the problem on?

Chrome

Severity

Minor (S4)