[Security Solution] bring back event renderer in document details fly…

…out (elastic#180084)

x-pack/plugins/security_solution/public/flyout/document_details/right/components/about_section.test.tsx

@@ -15,6 +15,7 @@ import {
   EVENT_CATEGORY_DESCRIPTION_TEST_ID,
   REASON_TITLE_TEST_ID,
   MITRE_ATTACK_TITLE_TEST_ID,
+  EVENT_RENDERER_TEST_ID,
 } from './test_ids';
 import { TestProviders } from '../../../../common/mock';
 import { AboutSection } from './about_section';
@@ -111,6 +112,8 @@ describe('<AboutSection />', () => {
       expect(
         queryByTestId(`${EVENT_CATEGORY_DESCRIPTION_TEST_ID}-behavior`)
       ).not.toBeInTheDocument();
+
+      expect(getByTestId(EVENT_RENDERER_TEST_ID)).toBeInTheDocument();
     });
   });
 
@@ -136,6 +139,8 @@ describe('<AboutSection />', () => {
       expect(queryByTestId(EVENT_KIND_DESCRIPTION_TEST_ID)).not.toBeInTheDocument();
 
       expect(getByTestId(`${EVENT_CATEGORY_DESCRIPTION_TEST_ID}-behavior`)).toBeInTheDocument();
+
+      expect(getByTestId(EVENT_RENDERER_TEST_ID)).toBeInTheDocument();
     });
   });
 });

x-pack/plugins/security_solution/public/flyout/document_details/right/components/about_section.tsx

@@ -20,6 +20,7 @@ import { useRightPanelContext } from '../context';
 import { isEcsAllowedValue } from '../utils/event_utils';
 import { EventCategoryDescription } from './event_category_description';
 import { EventKindDescription } from './event_kind_description';
+import { EventRenderer } from './event_renderer';
 
 const KEY = 'about';
 
@@ -53,6 +54,7 @@ export const AboutSection: FC = memo(() => {
             // if event kind is not event, show a higher level description on event kind
             <EventKindDescription eventKind={eventKind} />
           ))}
+        <EventRenderer />
       </>
     );