feat: allow multiple lines in alert component

app/client/cypress/e2e/Regression/ClientSide/Widgets/Button/Button_showAlert_multiline_message_spec..ts

@@ -0,0 +1,26 @@
+import {
+  draggableWidgets,
+  entityExplorer,
+  propPane,
+  agHelper,
+} from "../../../../../support/Objects/ObjectsCore";
+
+describe(
+  "Tests for showAlert message with newline characters in the alert message",
+  { tags: ["@tag.Widget", "@tag.Button"] },
+  () => {
+    before("Login to the app and navigate to the workspace", function () {
+      entityExplorer.DragDropWidgetNVerify(draggableWidgets.BUTTON);
+    });
+
+    it("Verify showAlert message renders correctly with newline characters", () => {
+      propPane.EnterJSContext("onClick", "showAlert(`sai\n\nprabhu`)");
+      agHelper.ClickButton("Submit");
+      cy.wait(500);
+      cy.get(".Toastify", { timeout: 1000 }).should(
+        "have.text",
+        "sai\n\nprabhu",
+      );
+    });
+  },
+);

app/client/packages/design-system/ads/src/Toast/Toast.tsx

@@ -39,7 +39,7 @@ const toast = {
     const toastId = JSON.stringify({ ...options, content });
     return toastifyToast(
       <ToastBody kind="body-m">
-        {content}
+        <pre style={{ font: "inherit" }}>{content}</pre>
         {actionText && (
           <StyledButton
             kind="tertiary"