Storybook/FrontEnd: Menu component Responsive with hamburger Menu

[simonreddy2001]

Description

It generates hamburger menu for mobile screen view

Fixes #196

How to test?

"npm run dev" and change screen width

Checklist

• [x] I have performed a self-review of my own code
• [x] I have followed the name conventions for CSS Classnames and filenames, Components names and filenames, Style filenames, if you are in doubt check the the project README.MD and here https://github.com/HackYourFuture-CPH/curriculum/blob/master/review/review-checklist.md
• [x] I have commented my code, particularly in hard-to-understand areas, if you code was simple enough mark the box anyway
• [x] I have made corresponding changes to the documentation, if you code was simple enough mark the box anyway
• [x] This PR is ready to be merged and not breaking any other functionality

[netlify[bot]]

✔️ Deploy Preview for class18-fp-storybook ready!

🔨 Explore the source changes: 681398a25d0238d8b8c976fb2a5b76aa62310765

🔍 Inspect the deploy log: https://app.netlify.com/sites/class18-fp-storybook/deploys/61ac04150f2eeb0007d4e54b

😎 Browse the preview: https://deploy-preview-213--class18-fp-storybook.netlify.app