[Cases] Filter and sort case activities

[js-jankisalvi]

Summary

This PR adds filter and sort options for filtering user activities on Cases view.
You can filter by All, Comments and History options. You can sort by ascending or descending options.

Issue: #140096, #149191

trimmed_filter_many_comments.mov

Took below decisions to not overcomplicate this PR

• Use the EuiCommentList at the moment for Description component and remove it/improve it in future PR
• Put the Description component inside the left section of Activity tab to show description and Sidebar section together

Checklist

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

Flakey test runner

https://buildkite.com/elastic/kibana-flaky-test-suite-runner/builds/1928

For maintainers

• This was checked for breaking API changes and was labeled appropriately

Release notes

Adds filtering and sorting for the case activity.

[cnasikas]

let's use the css prop instead of style

[cnasikas]

The minHeight adds a gray area below the table. Do we need it?

[js-jankisalvi]

Without providing height, it doesn't show last entry properly, adds scroll even though it has enough space to show data when multiple alerts are added:

[js-jankisalvi]

I added min-height as it similar to what is suggested by Eui :

When placed within an EuiFlexGroup and EuiFlexItem, the data grid will have trouble shrinking to fit. To fix this, you will need to manually add a style of min-width: 0 to the EuiFlexItem.

However min-height: 0 did not show grid with all rows , So I set it to 300.

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 9675227

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
cases	551	557	+6

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
cases	367.1KB	371.4KB	+4.3KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
cases	130.4KB	130.9KB	+480.0B

Unknown metric groups

ESLint disabled line counts

id	before	after	diff
cases	56	57	+1

Total ESLint disabled count

id	before	after	diff
cases	74	75	+1

History

• 💚 Build #109610 succeeded 0df9990
• 💛 Build #109587 was flaky 01fa4f2
• 💚 Build #109567 succeeded cfed1a2
• 💚 Build #109510 succeeded 7d01251
• 💔 Build #109369 failed 3ecbc08
• 💔 Build #109165 failed 4e189ca

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @js-jankisalvi

[cnasikas]

Great job @js-jankisalvi!! Code LGTM. I tested and everything is working as expected 🚀 .