[Security Solution][Detections] Align a warning's title with the icon (#140719) (#140798)

**Addresses:** https://github.com/elastic/kibana/issues/139903

## Summary

It fixes a bug on the Rule Details page in the rule status callout: aligns the callout icon and title properly.

Before:

![Annotation 2022-09-01 154314](https://user-images.githubusercontent.com/91867110/187889781-0e0ede30-2218-472b-965a-72364b5bd376.jpg)

After:

<img width="1669" alt="Screenshot 2022-09-15 at 11 48 11" src="https://user-images.githubusercontent.com/7359339/190373161-9c0371b8-226e-4acc-acb3-8a5de84c54ed.png">

### Checklist

- [x] Any UI touched in this PR does not create any new axe failures (run axe in browser: [FF](https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/), [Chrome](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US))
- [x] This renders correctly on smaller devices using a responsive layout. (You can test this [in your browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [x] This was checked for [cross-browser compatibility](https://www.elastic.co/support/matrix#matrix_browsers)

(cherry picked from commit 3076f23aea)

Co-authored-by: Maxim Palenov <palenov.maxim@gmail.com>

x-pack/plugins/security_solution/public/detections/components/rules/rule_execution_status/rule_status_failed_callout.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 
-import { EuiCallOut, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
+import { EuiCallOut } from '@elastic/eui';
 import { FormattedDate } from '../../../../common/components/formatted_date';
 import { RuleExecutionStatus } from '../../../../../common/detection_engine/rule_monitoring';
 
@@ -32,12 +32,9 @@ const RuleStatusFailedCallOutComponent: React.FC<RuleStatusFailedCallOutProps> =
   return (
     <EuiCallOut
       title={
-        <EuiFlexGroup gutterSize="xs" alignItems="center" justifyContent="flexStart">
-          <EuiFlexItem grow={false}>{title}</EuiFlexItem>
-          <EuiFlexItem grow={true}>
-            <FormattedDate value={date} fieldName="execution_summary.last_execution.date" />
-          </EuiFlexItem>
-        </EuiFlexGroup>
+        <>
+          {title} <FormattedDate value={date} fieldName="execution_summary.last_execution.date" />
+        </>
       }
       color={color}
       iconType="alert"