Make the Nav bar menu closed on the Outside click of the page in the JS Curriculum page for a better UX

[Preetha007]

Make the Nav bar menu closed on the Outside click of the page in the JS Curriculum page for a better UX.
A clear and concise description of what the bug is.

Steps to reproduce the behavior:

1. Go to https://test-app.nullcast.dev/curriculum
2. Click on School of Ducks.
3. Scroll down to the Curriculum section.
4. Click on the "Learn More" button of the Javascript course, where the user gets redirected inside the Javascript page.
5. Scroll down and click on Start button.
6. User could see the Hamburger icon on the bottom left, which when clicked opens the Navigation bar menu.
7. Eventhough a Close button provided on the navigation menu, the user unable to close the view the Chapters on the Outside click, since the Nav bar menu not sliding inside.

Expected behavior
Make the Navigation bar menu closed on the Outside click of the page in the JS Curriculum page for a better UX

Desktop (please complete the following information): ThinkPad

• OS: Linux
• Browser: Google Chrome
• Version -- Version 95.0.4638.54 (Official Build) (64-bit)

Smartphone (please complete the following information): Not tested in a smart phone.

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Tested in testsite

Recording attached
https://user-images.githubusercontent.com/92918179/138834824-c0cd6183-7335-48d2-aaa2-38d0920a53aa.mp4

[christoph-codes]

@Preetha007 I can take this if you would like to assign this to me!

[thealpha93]

@christoph-codes Sure. Assigned to you. Thanks

[thealpha93]

Thanks. @christoph-codes Feel free to to browse around for more issues. Closing this issue

[christoph-codes]

@thealpha93 will do! Thank you!