finalized qualifier client-side handler

Author: Oaphi

app/assets/javascripts/subscriptions.js

@@ -23,11 +23,16 @@ document.addEventListener('DOMContentLoaded', () => {
    */
   const syncQualifier = (type) => {
     const field = document.querySelector('.js-sub-qualifier-select');
+    const label = document.querySelector('.js-sub-qualifier-label');
 
     if (field instanceof HTMLElement) {
       $(field).val(null).trigger('change');
       field.closest('.form-group')?.classList.toggle('hide', !isQualifiable(type));
     }
+
+    if (label instanceof HTMLElement) {
+      label.textContent = type.slice(0, 1).toUpperCase() + type.slice(1).toLowerCase();
+    }
   };
 
   /**

app/views/subscriptions/_qualifier.html.erb

@@ -11,8 +11,7 @@
                  subscription.type&.capitalize || 'Qualifier',
                  class: "form-element js-sub-qualifier-label" %>
   <div class="form-caption">
-    Which <%= subscription.type || 'entity' %> to subscribe to?
-    Required for <%= subscription.type || 'qualified' %> subscriptions.
+    Choosing one is required for this subscription type.
   </div>
   <%= form.select :qualifier,
                   options_for_select([[subscription.qualifier_name, subscription.qualifier]],