Make the sidebar collapsed by default in mobile devices

[RohanKaran]

Is your feature request related to a problem? Please describe.
Currently the sidebar remains open all the time. While it is the behaviour that we want for desktop browsers, however for mobile devices it should be in collapsed state. Example demo is provided below.

Describe the solution you'd like

• Demo: https://azouaoui-med.github.io/react-pro-sidebar/iframe.html?id=playground--playground&args=&viewMode=story
• Docs - https://github.com/azouaoui-med/react-pro-sidebar

Additional context
Add any other context or screenshots about the feature request here.

• frontend/src/components/SideBar.js

[DevTomilola-OS]

I have successfully ran the project locally, I would like to work on this too. Kindly assign to me.