Merge branch 'devops-reports-header-migration' into 'master'

DevOps Reports: Migrate headings used

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/168042



Merged-by: Phil Hughes <me@iamphill.com>
Approved-by: Julia Miocene <jmiocene@gitlab.com>
Approved-by: Oiza Baiye <obaiye@gitlab.com>
Approved-by: Phil Hughes <me@iamphill.com>
Co-authored-by: Sascha Eggenberger <seggenberger@gitlab.com>

app/views/admin/dev_ops_report/show.html.haml

 - page_title _('DevOps Reports')
 - add_page_specific_style 'page_bundles/dev_ops_reports'
 
-.gl-mt-3{ data: { event_tracking_load: 'true', event_tracking: 'view_admin_dev_ops_reports_pageload' } }
+%div{ data: { event_tracking_load: 'true', event_tracking: 'view_admin_dev_ops_reports_pageload' } }
   - if show_adoption?
     = render_if_exists 'admin/dev_ops_report/devops_tabs'
   - else

ee/app/assets/javascripts/analytics/devops_reports/devops_adoption/components/devops_adoption_overview_table.vue

@@ -160,7 +160,7 @@ export default {
   <div>
     <local-storage-sync v-model="sortBy" :storage-key="$options.sortByStorageKey" />
     <local-storage-sync v-model="sortDesc" :storage-key="$options.sortDescStorageKey" />
-    <h4>{{ tableHeader }}</h4>
+    <h2 class="gl-heading-2">{{ tableHeader }}</h2>
     <gl-table
       :fields="tableHeaderFields"
       :items="formattedData"

ee/app/views/admin/dev_ops_report/_devops_tabs.html.haml

 - service_ping_enabled = Gitlab::CurrentSettings.usage_ping_enabled
 
-%h2
-  = _('DevOps Reports')
+= render ::Layouts::PageHeadingComponent.new(_('DevOps Reports'))
 
 - if !service_ping_enabled
   #js-devops-service-ping-disabled{ data: { is_admin: current_user&.admin.to_s, empty_state_svg_path: image_path('illustrations/empty-state/empty-devops-md.svg'), enable_service_ping_path: metrics_and_profiling_admin_application_settings_path(anchor: 'js-usage-settings') } }