[8.x] [Reporting] Fix report flyout content overflowing (#196552) (#1…

…96634)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Reporting] Fix report flyout content overflowing
(#196552)](#196552)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Krzysztof
Kowalczyk","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-17T07:26:27Z","message":"[Reporting]
Fix report flyout content overflowing (#196552)\n\n##
Summary\r\n\r\nThis PR fixes text overflowing in the report
flyout.\r\n\r\nFixes: #153699\r\n\r\n## Visuals\r\n| Previous | New
|\r\n|-----------------|-----------------|\r\n\r\n|![image](https://github.com/user-attachments/assets/ae9c5ead-0689-4a16-8f3f-88342e4fbc94)\r\n|\r\n![image](https://github.com/user-attachments/assets/e7193a8e-8b35-49fa-a98f-4b3cac3a4791)\r\n|","sha":"a2d855649cc4794a037133778be9ad885be53bdb","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","v9.0.0","Team:SharedUX","backport:prev-minor","Feature:Reporting:Screenshot"],"title":"[Reporting]
Fix report flyout content
overflowing","number":196552,"url":"https://github.com/elastic/kibana/pull/196552","mergeCommit":{"message":"[Reporting]
Fix report flyout content overflowing (#196552)\n\n##
Summary\r\n\r\nThis PR fixes text overflowing in the report
flyout.\r\n\r\nFixes: #153699\r\n\r\n## Visuals\r\n| Previous | New
|\r\n|-----------------|-----------------|\r\n\r\n|![image](https://github.com/user-attachments/assets/ae9c5ead-0689-4a16-8f3f-88342e4fbc94)\r\n|\r\n![image](https://github.com/user-attachments/assets/e7193a8e-8b35-49fa-a98f-4b3cac3a4791)\r\n|","sha":"a2d855649cc4794a037133778be9ad885be53bdb"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/196552","number":196552,"mergeCommit":{"message":"[Reporting]
Fix report flyout content overflowing (#196552)\n\n##
Summary\r\n\r\nThis PR fixes text overflowing in the report
flyout.\r\n\r\nFixes: #153699\r\n\r\n## Visuals\r\n| Previous | New
|\r\n|-----------------|-----------------|\r\n\r\n|![image](https://github.com/user-attachments/assets/ae9c5ead-0689-4a16-8f3f-88342e4fbc94)\r\n|\r\n![image](https://github.com/user-attachments/assets/e7193a8e-8b35-49fa-a98f-4b3cac3a4791)\r\n|","sha":"a2d855649cc4794a037133778be9ad885be53bdb"}}]}]
BACKPORT-->

Co-authored-by: Krzysztof Kowalczyk <[email protected]>

x-pack/plugins/reporting/public/management/components/report_info_flyout_content.tsx

@@ -240,6 +240,7 @@ export const ReportInfoFlyoutContent: FunctionComponent<Props> = ({ info }) => {
               defaultMessage: 'No report generated',
             })}
             color="danger"
+            css={{ overflowWrap: 'break-word' }}
           >
             {errored}
           </EuiCallOut>
@@ -254,6 +255,7 @@ export const ReportInfoFlyoutContent: FunctionComponent<Props> = ({ info }) => {
               defaultMessage: 'Report contains warnings',
             })}
             color="warning"
+            css={{ overflowWrap: 'break-word' }}
           >
             {warnings}
           </EuiCallOut>