Add notification modal

[connor-baer]

Addresses #792.

Purpose

Introduces the new NotificationModal component.
Notification modal component communicates critical information, and needs the user's attention or action to proceed.

• Use a concise headline to communicate the message.
• If needed, an optional body copy and image can be included.
• The positioning of the buttons within a button group follows the guidelines of the button group component.

Approach and changes

Refer to the Storybook for further implementation and usage guidelines, and to the threads below for more details and discussion on the implementation.

Definition of done

• Development completed
• Reviewers assigned
• Unit and integration tests
• Meets minimum browser support
• Meets accessibility requirements

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sumup/oss-circuit-ui/5qWPLKCHZwZzUD5cJxEim6j9crSG
✅ Preview: https://oss-circuit-ui-git-feature-ds-169notification-modal-sumup.vercel.app

[changeset-bot]

🦋 Changeset detected

Latest commit: 15bcff7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@sumup/circuit-ui	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codecov]

Codecov Report

Merging #994 (15bcff7) into main (1c12218) will increase coverage by 0.04%.
The diff coverage is 93.33%.

@@            Coverage Diff             @@
##             main     #994      +/-   ##
==========================================
+ Coverage   91.80%   91.84%   +0.04%     
==========================================
  Files         180      182       +2     
  Lines        3454     3484      +30     
  Branches     1081     1091      +10     
==========================================
+ Hits         3171     3200      +29     
  Misses        266      266              
- Partials       17       18       +1     

Impacted Files	Coverage Δ
.../circuit-ui/components/ButtonGroup/ButtonGroup.tsx	96.00% <ø> (ø)
...mponents/NotificationModal/useNotificationModal.ts	0.00% <0.00%> (ø)
...components/NotificationModal/NotificationModal.tsx	96.55% <96.55%> (ø)
...es/circuit-ui/components/Pagination/Pagination.tsx	91.42% <0.00%> (ø)
...mponents/NotificationBanner/NotificationBanner.tsx	83.60% <0.00%> (+1.63%)	⬆️

[connor-baer]

I can't approve because I opened the PR, but you can take this comment as approval 👍🏻👏🏻

🔔⬜

[robinmetral]

Just some questions along with my approval because I probably missed some discussions during the implementation of this component, and I'm interested 🙂