[MX] Break line of custom field value when it is too long (elastic#19…

…0490)

Issue: elastic#189076

If you paste a long text in a text custom field you cannot edit it. The
pencil is not visible anymore.
![Screenshot 2024-08-14 at 17 39
51](https://github.com/user-attachments/assets/e6f23843-9b79-4b6f-b4c1-464fbd04ebe0)

Used `.eui-textBreakWord` class to solve the issue

How to test:
1. Create a custom field for cases with really long test (but less than
160 symbols)
2. Create a case
3. See that the test is breaked.

---------

Co-authored-by: kibanamachine <[email protected]>

x-pack/plugins/cases/public/components/custom_fields/text/view.tsx

@@ -14,7 +14,14 @@ import type { CustomFieldType } from '../types';
 const ViewComponent: CustomFieldType<CaseCustomFieldText>['View'] = ({ customField }) => {
   const value = customField?.value ?? '-';
 
-  return <EuiText data-test-subj={`text-custom-field-view-${customField?.key}`}>{value}</EuiText>;
+  return (
+    <EuiText
+      className="eui-textBreakWord"
+      data-test-subj={`text-custom-field-view-${customField?.key}`}
+    >
+      {value}
+    </EuiText>
+  );
 };
 
 ViewComponent.displayName = 'View';