Fix major mobile issues with security overview

[snide]

Summary

cc @gavinwye

Fixes #121403

There's lots more to do on this page, but this fixes the major issues and makes everything render. I'll try to follow up with something more involved for the individual components later.

• Removes custom styling for default EUI usage
• Sets responsive={false} for places where EuiFlexGroup is using a column layout to avoid flex-basis. I'm going to attack this separately in [EuiFlexGroup] When direction="column" we should set responsive={false} or adjust the styling to ignore responsive css eui#5529

BEFORE

AFTER

Checklist

Delete any items that are not applicable to this PR.

• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

[snide]

I don't think this column is critical to the page. This removes it from mobile views.

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[snide]

@elasticmachine merge upstream

[snide]

@elasticmachine merge upstream

[snide]

Hey @michaelolo24. Mind giving me a quick review? This doesn't fix all of the issues on the page (the accordions are still off, and the graphs might need some work), but it fixes the biggest ones and makes the page readable

[michaelolo24]

Thanks for this @snide. I pulled down and tested the changes and they look good! LGTM 🚀
Also, I don't think there was ever a discussion about what doesn't have to be visible in the mobile view, but could be useful for any other views that might be affected.

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: ee6e69c
• Storybooks Preview

Metrics [docs]

Async chunks

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

id	before	after	diff
securitySolution	4.6MB	4.6MB	-548.0B

History

• 💚 Build #17260 succeeded 619d533
• 💚 Build #16953 succeeded e49ab7b

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

[snide]

Thanks for the view. Well, easy to change if their is feedback. Gonna merge this for 8.1 just to fix the major break. We can iterate over time as we need.

[kibanamachine]

💔 Backport failed

The pull request could not be backported due to the following error:
There are no branches to backport to. Aborting.

How to fix

Re-run the backport manually:

node scripts/backport --pr 122770

Questions ?

Please refer to the Backport tool documentation