test notifications

client/src/components/monitors/HeaderControls.tsx

@@ -48,7 +48,11 @@ export const HeaderControls = ({
               loading={isPosting || isPatching}
               startIcon={<Mail size={20} strokeWidth={1.5} />}
               onClick={async () => {
-                await post(`/monitors/${monitor._id}/notifications/test`, {});
+                const res = await post(
+                  `/monitors/${monitor._id}/notifications/test`,
+                  {}
+                );
+                console.log(res);
               }}
             >
               {t("sendTestNotifications")}

client/src/hooks/UseToast.ts

@@ -2,7 +2,14 @@ import { toast, type ToastOptions } from "react-toastify";
 export const useToast = () => {
   const showToast = (message: string, options?: ToastOptions) => {
     toast.dismiss();
-    toast(message, options);
+    const baseStyle: React.CSSProperties = {
+      whiteSpace: "pre-line",
+      wordBreak: "break-word",
+    };
+    toast(message, {
+      ...options,
+      style: { ...baseStyle, ...(options?.style || {}) },
+    });
   };
 
   const toastSuccess = (msg: string, opts?: ToastOptions) =>