Improved Environments Metrics UX

What does this MR do?

Improves the general UX on the metrics view for the environments

Are there points in the code the reviewer needs to double check?

None at the moment

Screenshots (if relevant)

Before

After

Interactions Before

Interactions After

Does this MR meet the acceptance criteria?

• Changelog entry added
• Tests
  • All builds are passing
• Conform by the merge request performance guides
• Conform by the style guides
• Branch has no merge conflicts with master (if it does - rebase it please)
• Squashed related commits together

What are the relevant issue numbers?

closes #29227 (closed)

EE counterpart: https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/1503