fix: wrap lines when showing error details

packages/web/src/components/AddAppConnection/index.tsx

@@ -116,7 +116,11 @@ export default function AddAppConnection(
           sx={{ mt: 1, fontWeight: 500, wordBreak: 'break-all' }}
         >
           {error.message}
-          {error.details && <pre>{JSON.stringify(error.details, null, 2)}</pre>}
+          {error.details && (
+            <pre style={{ whiteSpace: 'pre-wrap' }}>
+              {JSON.stringify(error.details, null, 2)}
+            </pre>
+          )}
         </Alert>
       )}
 

packages/web/src/components/TestSubstep/index.tsx

@@ -32,7 +32,7 @@ function serializeErrors(graphQLErrors: any) {
       return {
         ...error,
         message: (
-          <pre style={{ margin: 0 }}>
+          <pre style={{ margin: 0, whiteSpace: 'pre-wrap' }}>
             {JSON.stringify(JSON.parse(error.message as string), null, 2)}
           </pre>
         ),