Swap beta badge component on Self-hosted models page

What does this MR do and why?

The beta-badge component is rendering a div inside of a h1 which is not allowed by the HTML specification. Instead, it should be replaced with the GlExperimentBadge which already renders the badge as span to achieve the same effect while adhering to the spec.

This issue replaces the beta-badge component with GlExperimentBadge from gitlab-ui.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After

How to set up and validate locally

Prerequisites

You will need:

  1. An active {+ GitLab Ultimate SM Offline Cloud License+} .
  2. An active {+ GitLab Duo Enterprise License+} .
  3. To start your GDK instance in self-managed mode: GITLAB_SIMULATE_SAAS=0 && gdk start

Test it!

  1. Log in as an admin

  2. Visit the page Admin Area > Self-hosted models
    Screenshot_2024-10-09_at_4.30.29_PM

  3. Test the Beta badge

    CleanShot 2024-10-19 at 11.30.02@2x.png

Edited by Tim Noah

Merge request reports

Loading