home page and navbar are responsive now

[Sky-De]

Addresses nav bar and home page part of issue #16

1. I created a custom hook useIsMobile for checking window resize, which provides handleShowMenu, showMenu
2. I modified the navbar style to be aligned with the new functionality for the responsiveness of navBar
3. I modified the height of the .black-fade-top class in the index.css file
4. I adjusted the h1 tags' text size and padding to be responsive on all devices
5. I increased the z-index of the pause and play buttons to be at the top of the h1 tags and clickable for better UX on different devices

with these changes now the navBar and the home page are fully responsive on all devices

Result ( wait for load )

I compressed gifs for faster load as a result they have low-quality

Conclusion

if you have any questions feel free to ask, otherwise let me know your satisfaction of changes by merging this PR thanks, skyDe

[Gam3rrXD]

Thank you for your contribution!