GN-4829: Meeting design updates

[dkozickis]

Overview

GN-4829: Design updates to meetings

connected issues and PRs:

https://binnenland.atlassian.net/browse/GN-4829

Setup

1. Checkout

Before/after

Before	After

How to test/reproduce

See if functionality still works 🙏🏻

Checks PR readiness

• UI: works on smaller screen sizes
• UI: feedback for any loading/error states
• Check cancel/go-back flows
• Check database state correct when deleting/updating (especially regarding relationships)
• changelog
• npm lint
• no new deprecations

[abeforgit]

"undefined" showing up next to dates, this is on a new meeting. I don't see this on your screenshots, so maybe it's my setup?

This warning box is now weirdly sized

this is how it used to look:

spacing here:

When the window is not at max width, this warning pill breaks to a newline too soon (still plenty of space left)
also, left margin isn't aligned (was specifically mentioned in the design doc)

[dkozickis]

Thank you @abeforgit, I haven't properly rechecked with all of the pills in view. Will fix 🙇🏻