Make Banner component generic

[Readpato]

🔗 Linked issue

❓ Type of change

• [ ] 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• [ ] 🐞 Bug fix (a non-breaking change that fixes an issue)
• [x] 👌 Enhancement (improving an existing functionality like performance)
• [ ] ✨ New feature (a non-breaking change that adds functionality)
• [ ] 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• [ ] ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Make banner generic to allow displaying of diverse content in the app.

📝 Checklist

• [x] I have linked an issue or discussion.
• [x] I have updated the documentation accordingly.

Enables https://github.com/Schroedinger-Hat/schroedinger-hat/issues/214 Enables https://github.com/Schroedinger-Hat/schroedinger-hat/issues/186

[netlify[bot]]

✅ Deploy Preview for suspicious-boyd-b429fe ready!

Name	Link
🔨 Latest commit	a718a20d78f2b5048f29d82ca5a5e8386d92c569
🔍 Latest deploy log	https://app.netlify.com/sites/suspicious-boyd-b429fe/deploys/66faff1b1b60b00008ab8416
😎 Deploy Preview	https://deploy-preview-132--suspicious-boyd-b429fe.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[TheJoin95]

Could you attach an image of the banner please?

[Readpato]

@TheJoin95 Sure! I have made an additional commit to increase the font-size of the contained text.

[TheJoin95]

Top! Could you also check that on the mobile ? I'll approve it then

[Readpato]

Sure, here we go in iPhone 14 Pro Max and iPhone XR