chore(np): Shim fe for backend pr (#102976)

Author: Christinarlong

static/app/debug/notifications/components/debugNotificationsExample.tsx

@@ -55,7 +55,7 @@ export function DebugNotificationsExample({
           Body
         </Text>
         {displayFormat === ExampleDataFormat.FORMATTED ? (
-          <Text>{registration.example.body}</Text>
+          <Text>{JSON.stringify(registration.example.body)}</Text>
         ) : (
           <CodeBlock language="javascript">
             {JSON.stringify(registration.example.body)}

static/app/debug/notifications/previews/discordPreview.tsx

@@ -46,7 +46,7 @@ export function DiscordPreview({
             <DiscordWhiteText size="md" bold>
               {subject}
             </DiscordWhiteText>
-            <DiscordWhiteText size="sm">{body}</DiscordWhiteText>
+            <DiscordWhiteText size="sm">{JSON.stringify(body)}</DiscordWhiteText>
             {chart && (
               <DiscordChart
                 height="100px"

static/app/debug/notifications/previews/slackPreview.tsx

@@ -54,7 +54,7 @@ export function SlackPreview({
             <SlackBlackText size="xl" bold>
               {subject}
             </SlackBlackText>
-            <SlackBodyText>{body}</SlackBodyText>
+            <SlackBodyText>{JSON.stringify(body)}</SlackBodyText>
             <Flex gap="xs">
               {actions.map(action => (
                 <SlackLinkButton key={action.label} href={action.link}>

static/app/debug/notifications/previews/teamsPreview.tsx

@@ -75,7 +75,7 @@ export function TeamsPreview({
               <TeamsBlackText size="xl" bold>
                 {subject}
               </TeamsBlackText>
-              <TeamsBlackText>{body}</TeamsBlackText>
+              <TeamsBlackText>{JSON.stringify(body)}</TeamsBlackText>
               <Flex gap="md">
                 {actions.map(action => (
                   <TeamsLinkButton key={action.label} href={action.link}>