🐛 [Bug report]: Content overlap on sidebar due to same z-index value

[yash91989201]

Describe the bug

The header component and the section (with class name - "app-home-body") that has div (with class name - "app-home-body-content") has same z-index value (i.e 10) which causes the content within them to overlap during scroll when the sidebar is open.
The overlap of content makes it unable to view the links (and access them) that are present in the sidebar.

To Reproduce
Steps to reproduce the behavior:

1. Go to the home page of reactplay.io on a mobile device
2. Click on the menu button while at the top of the page
3. Scroll the screen while the sidebar is open
4. See the content of section app-home-body overlapping with the sidebar

Expected behavior

The content of sidebar and div (with class name - "app-home-body-content") should not overlap so that the contents within them are clearly visible and links are properly clickable

Screenshots

Smartphone
Any mobile device , any browser

Additional context
I would really like to work on this issue as it can be my first contribution to a public git hub repository

[atapas]

Great, thanks for pointing it out.