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

• I have performed a self-review of my own code
• 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
• I have commented my code, particularly in hard-to-understand areas, if you code was simple enough mark the box anyway
• I have made corresponding changes to the documentation, if you code was simple enough mark the box anyway
• This PR is ready to be merged and not breaking any other functionality

[netlify]

❌ Deploy Preview for class18-fp-storybook failed.

🔨 Explore the source changes: 63aeb05

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