fix(compass-connections): connection toast fixes COMPASS-9787 (#7278)

* always close the connection error toast when clicking an action

* break words so crazy errors don't break the layout

Author: lerouxb

packages/compass-connections/src/components/connection-status-notifications.tsx

@@ -75,6 +75,7 @@ const connectionErrorActionsStyles = css({
 const connectionErrorStyles = css({
   display: 'flex',
   flexDirection: 'column',
+  wordBreak: 'break-word',
 });
 
 const connectionErrorTitleStyles = css({
@@ -201,16 +202,15 @@ const openConnectionFailedToast = ({
         onReview={
           onReviewClick
             ? () => {
-                if (!onDebugClick) {
-                  // don't close the toast if there are two actions so that the user
-                  // can still use the other one
-                  closeToast(`connection-status--${failedToastId}`);
-                }
+                closeToast(`connection-status--${failedToastId}`);
                 onReviewClick();
               }
             : undefined
         }
-        onDebug={onDebugClick}
+        onDebug={() => {
+          closeToast(`connection-status--${failedToastId}`);
+          onDebugClick?.();
+        }}
       />
     ),
     variant: 'warning',