Fix squished badges rendering in 17.2

What does this MR do and why?

With !159156 (merged) we introduced a regression which squished certain badges and CI status icons in the product. By bumping the @gitlab/ui version we can fix the regression. Therefore we need to cherry-pick two MRs: !159500 (merged) !159597 (merged). The diff actually isn't too bad and does only introduce a minor change related to charts: https://app.renovatebot.com/package-diff?name=@gitlab%2fui&from=86.10.1&to=86.11.1

Before	After

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• This MR is backporting a bug fix, documentation update, or spec fix, previously merged in the default branch.
• The MR that fixed the bug on the default branch has been deployed to GitLab.com (not applicable for documentation or spec changes).
• This MR has a severity label assigned (if applicable).
• Set the milestone of the merge request to match the target backport branch version.
• This MR has been approved by a maintainer (only one approval is required).
• Ensure the e2e:package-and-test-ee job has either succeeded or been approved by a Software Engineer in Test.

Note to the merge request author and maintainer

If you have questions about the patch release process, please:

• Refer to the patch release runbook for engineers and maintainers for guidance.
• Ask questions on the #releases Slack channel (internal only).