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