Fixes to NotificationFullscreen component (#1231)

* Remove outer spacing and update body prop

* add changeset

* Update changeset

Co-authored-by: Connor Bär <connor-baer@users.noreply.github.com>

Co-authored-by: Connor Bär <connor-baer@users.noreply.github.com>

.changeset/shiny-rules-enjoy.md

@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Updated the NotificationFullscreen `body` prop to accept a `ReactNode` and removed the external spacing.

packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.tsx

@@ -13,7 +13,7 @@
  * limitations under the License.
  */
 
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { css } from '@emotion/react';
 
 import Body from '../Body';
@@ -43,7 +43,7 @@ export interface NotificationFullscreenProps
   /**
    * An optional body copy.
    */
-  body?: string;
+  body?: string | ReactNode;
   /**
    * An optional action prop to allow users to follow up on the content.
    */
@@ -52,7 +52,6 @@ export interface NotificationFullscreenProps
 
 const wrapperStyles = css`
   max-width: 420px;
-  margin: 0 40px;
   display: flex;
   flex-direction: column;
   align-items: center;

packages/circuit-ui/components/NotificationFullscreen/__snapshots__/NotificationFullscreen.spec.tsx.snap

@@ -19,7 +19,6 @@ exports[`NotificationFullscreen styles should render with default styles 1`] = `
 
 .circuit-0 {
   max-width: 420px;
-  margin: 0 40px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -440,7 +439,6 @@ exports[`NotificationFullscreen styles should render with default styles with h1
 
 .circuit-0 {
   max-width: 420px;
-  margin: 0 40px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;