[Security Solution] Enable draggable headers in Timeline Unified Data table.

[logeekal]

Summary

Recently EUIDataGrid and UnifiedDataTable implemented the capability to enable reordering of columns by dragging them. See #197832.

As per discussion here, when draggability of headers is enabled, All of the columns header operations such as Move left, Remove column, Copy Column stop working.

We need to see why this is happening since it is standard EUI feature. If there are changes needed in Security solution to make it compatible, it should be looked into.

[elasticmachine]

Pinging @elastic/security-threat-hunting-investigations (Team:Threat Hunting:Investigations)

[davismcphee]

@logeekal I looked into this a bit more and it seems at least part of this (the actions menu) is actually a bug in EUI when EuiDataGrid is rendered within EuiModal. I created an issue for it here: elastic/eui#8119.

I wasn't able to reproduce the issue where dragging the headers doesn't work at all directly in EUI, but it's possible these issues still might be related.

[logeekal]

Thank you @davismcphee. this is a great find. We also have Timeline Integration tests which run as e2e test just for timeline component and does not render Timeline in a modal and all tests pass there.

kibana/x-pack/plugins/security_solution/public/timelines/components/timeline/tabs/query/index.test.tsx

Lines 431 to 436 in 14a1a92

	describe('columns', () => {
	it(
	'should move column left/right correctly ',
	async () => {
	const { container } = renderTestComponents();