Group Settings CI/CD h4 expand

Group Settings / CI/CD headers General pipelines, Runners, and Auto
DevOps (h4 elements) do not expand/collapse on mouse-click / tap, but
only using the Expand/Collapse button. This may seem inconsistent to
the user.

This MR adds classes settings-title, js-settings-toggle and
js-settings-toggle-trigger-only to the h4 headers in Group Settings /
CI/CD. This enables the expand/collapse behavior on on-click/on-tap for
the h4 headers.

Changelog: changed

app/views/groups/settings/ci_cd/show.html.haml

@@ -9,7 +9,7 @@
 - if can?(current_user, :update_max_artifacts_size, @group)
   %section.settings#js-general-pipeline-settings.no-animate{ class: ('expanded' if general_expanded) }
     .settings-header
-      %h4
+      %h4.settings-title.js-settings-toggle.js-settings-toggle-trigger-only
         = _("General pipelines")
       %button.btn.gl-button.js-settings-toggle{ type: 'button' }
         = expanded ? _('Collapse') : _('Expand')
@@ -26,7 +26,7 @@
 
 %section.settings#runners-settings.no-animate{ class: ('expanded' if expanded) }
   .settings-header
-    %h4
+    %h4.settings-title.js-settings-toggle.js-settings-toggle-trigger-only
       = _('Runners')
     %button.btn.gl-button.btn-default.js-settings-toggle{ type: "button" }
       = expanded ? _('Collapse') : _('Expand')
@@ -38,7 +38,7 @@
 
 %section.settings#auto-devops-settings.no-animate{ class: ('expanded' if expanded) }
   .settings-header
-    %h4
+    %h4.settings-title.js-settings-toggle.js-settings-toggle-trigger-only
       = _('Auto DevOps')
     %button.btn.gl-button.btn-default.js-settings-toggle{ type: "button" }
       = expanded ? _('Collapse') : _('Expand')