Deployment: Compare and merging develop branch to master branch

[simonreddy2001]

Description

To deploy the main branch on heroku where develop branch has to merge to main(production) up to date. Please provide a short summary explaining what this PR is about.

Fixes # 134

How to test?

npm run dev and deploy on heroku (production) Please provide a short summary how your changes can be tested?

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: 3c3a4b07f38746a61f48dcf7ed18813f0b800b7a

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

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