Deployment: Compare and merging develop branch to main 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 failed.

🔨 Explore the source changes: 63aeb052a0cc53b6e486693d75d0e151e1d71aa6

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