[EuiSuperDatePicker] Fix pretty format button truncation

[mgadewoll]

Summary

This PR adds a tiny fix to the pretty format button in EuiSuperDatePicker to ensure the text can be truncated if not enough space is available.
The underlying EuiFormControlButton has truncation by default for the value prop, but if custom content is passed via children, truncation needs to be handled manually.

Additional changes

• Updated VRT images that were missed in [EuiSuperDatePicker] Add tooltip with full range to "pretty duration" button #9221

Why are we making this change?

💅 UI consistency: This change ensures that the element behaves as expected and inline with other related elements.

Screenshots #

before	after

Impact to users

🟢 There are no code changes required on consumer side.

ℹ️ Due to the updated DOM structure, snapshot tests might require updates.

QA

• verify that overflowing content in the pretty format button (superDatePickerShowDatesButton) is correctly truncated
• verify there is no other unexpected regression

General checklist

• Browser QA
  • Checked in both light and dark modes
  • Checked in both MacOS and Windows high contrast modes
    • (emulate forced colors if you do not have access to a Windows machine.)
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Checked for accessibility including keyboard-only and screenreader modes
• Docs site QA
  • Added documentation
  • Props have proper autodocs (using @default if default values are missing) and playground toggles
  • Checked Code Sandbox works for any docs examples
• Code quality checklist
  • Added or updated jest and cypress tests
  • Updated visual regression tests
• Release checklist
  • A changelog entry exists and is marked appropriately
  • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
  • If the changes unblock an issue in a different repo, smoke tested carefully (see Testing EUI features in Kibana ahead of time)
• Designer checklist
  • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

[tkajtoch]

The changes work as expected when testing in Storybook.

I left one comment about a class usage, but it's something we do all around EUI, so if you feel like leaving it as-is until we can improve it globally, I'm fine with that choice. LMK!

[tkajtoch]

Code changes look great! I'll give the stories another go when they build, and we should be good to go 🎉

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: c2ae47b
• Documentation website
• Storybook

History

• 💚 Build #2029 succeeded 2dc27a5
• 💚 Build #2027 succeeded 1877fc9

cc @mgadewoll

[tkajtoch]

Everything looks great! Thank you for addressing my comment 💯

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: c2ae47b

History

• 💚 Build #5289 succeeded 2dc27a5
• 💚 Build #5288 succeeded 1877fc9

cc @mgadewoll