[EuiSuperDatePicker]Changed to EuiFlexGrid view in Recently used date ranges

[Dishebh]

Summary

Fixes #4226
Changed to EuiFlexGrid view in Recently used date ranges under EuiRecentlyUsed component.

Checklist

• Check against all themes for compatibility in both light and dark modes
• Checked in mobile
• Checked in Chrome, Safari, Edge, and Firefox
• [x] Props have proper autodocs
• [x] Added documentation
• [x] Checked Code Sandbox works for the any docs examples
• [x] Added or updated jest tests
• [x] Checked for breaking changes and labeled appropriately
• Checked for accessibility including keyboard-only and screenreader modes
• A changelog entry exists and is marked appropriately

[kibanamachine]

Since this is a community submitted pull request, a Jenkins build has not been kicked off automatically. Can an Elastic organization member please verify the contents of this patch and then kick off a build manually?

[myasonik]

Thank you the PR! Looks great! I see just two small edits we still need to make.

[cchaos]

Jenkins, test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_4370/

[cchaos]

Hey @Dishebh , it looks like CI is failing because of formatting issues here too. I'd suggest installing a prettier formatter that will format on save for you. Or you'll need to be sure to run yarn lint-fix every time. I'd also be sure not to skip any of the pre-commit hooks which will catch these for you before you push.

[cchaos]

We actually don't want the recently used to be two columns like the commonly used because these can usually be pretty long if the user has selected absolute dates.

Therefore, we can just use the <ul> and <li> elements directly instead of EuiFlexGrid. Also we seem to have a sizing issue because of the removal of EuiText.

Let me know if you need help with any of that.

[cchaos]

☹️ It looks like something went wrong when updating from master. You might want to rebase and start over...?

[cchaos]

Jenkins, test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_4370/

[myasonik]

The a11y changes look good to me! Thanks for making this change @Dishebh!

[cchaos]

👍 Thanks for getting this one started @Dishebh . I pushed a final commit just to fix up some class naming and added a Changelog. The CI build has passed so we're all good!