[Emotion][perf] Memoize low-impact components (D-F)

[cee-chen]

Summary

Basically every component that isn't on the medium impact list (https://github.com/elastic/eui/issues/7561) and was easier to do a quick skim through. Some of the commits/components have extra cleanup in terms of useMemo usage, preferring inline JSX, and removing array/obj definitions. As always, I recommend following by commit.

QA

• [ ] Quick smoke test of all the affected components

General checklist

• Browser QA - Skipping cross-browser testing in favor of smoke testing
• Docs site QA - N/A
• Code quality checklist - N/A
• Release checklist - N/A, skipping changelog due to this being perf tech debt that shouldn't impact consumers
• Designer checklist - N/A

[kibanamachine]

Preview staging links for this PR:

• Docs site: https://eui.elastic.co/pr_7637/
• Storybook: https://eui.elastic.co/pr_7637/storybook

[elasticmachine]

:green_heart: Build Succeeded

• Buildkite Build
• Commit: ea2b89de356160350e475dbac08b09361cda0939

History

• :green_heart: Build #1634 succeeded 619e1a80847a1a6e1e9f6e7e776d9f4e7538b1bc

[github-actions[bot]]

👋 Hey there. This PR hasn't had any activity for 90 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.