[EuiModal] Adjust position of close button, end

[acstll]

Summary

A possible fix for #7222 — a much simpler approach that simply places the close button last in the DOM (after first attempt on #8202).

Please read the comments there if you haven't: #8202 (review)

If this gets approved by accessibility specialists @alexwizp and @L1nBra, we can apply the same logic for #7223

I (still) need to figure out how to properly test the screen reader part.

QA

General checklist

• Browser QA
  • Checked in both light and dark modes
  • 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)
• 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)

[kibanamachine]

Preview staging links for this PR:

• Docs site: https://eui.elastic.co/pr_8230/
• Storybook: https://eui.elastic.co/pr_8230/storybook
• New docs: https://eui.elastic.co/pr_8230/new-docs

[elasticmachine]

💔 Build Failed

• Buildkite Build
• Commit: 33e9fa7

Failed CI Steps

• 🔨 EUI pull request test

[github-actions]

👋 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.