Migrate `form-input-class-vue` in `app/assets/javascripts/badges/components/badge_form.vue`

Detected usage of gl-form-input class inside JS/Vue file. Please use the GlFormInput component from @gitlab/ui.

Implementation guide

In app/assets/javascripts/badges/components/badge_form.vue:

  1. Migrate input tags to GlFormInput
  2. Migrate label tags to use GlFormGroup. We should be able to move the help text to the label-description slot.
  3. Use invalid-feedback slot and state props for error messages
  4. Use description slot for description
  5. Fix any failing specs in spec/frontend/badges/components/badge_form_spec.js
  6. Go to a group -> Settings -> General -> Badges and verify everything looks and works correctly
  7. Add before and after screenshots to MR description
Edited by Peter Hegman