Migrate beta_badge to GlExperimentBadge

Suggested Description

Problem to solve

The hover_badge.vue component in the monolith is only used by beta_badge.vue, which can be replaced with the standardized GlExperimentBadge component from GitLab UI. This creates unnecessary code duplication and maintenance overhead.

Important

Use the type='beta' prop to ensure it is a 1:1 replacement

Proposal

  1. Identify all usages of app/assets/javascripts/vue_shared/components/badges/beta_badge.vue
  2. Replace instances with GlExperimentBadge from @gitlab/ui
  3. Remove app/assets/javascripts/vue_shared/components/badges/beta_badge.vue
  4. Remove app/assets/javascripts/vue_shared/components/badges/hover_badge.vue #582176 (closed)

Benefits

  • Reduces code duplication by using the standardized component from GitLab UI
  • Improves maintainability by consolidating badge implementations
  • Aligns with the Badge component maturity initiative to standardize design and implementation across Vue, Rails, and Figma

Related

  • Parent epic: &17549 (Component: Badge)
  • Part of the broader component maturity improvement effort
Edited by Dan MH