Unwrap handlers from DOMContentLoaded in Monitor:Health pages

app/assets/javascripts/pages/projects/alert_management/details/index.js

 import AlertDetails from '~/alert_management/details';
 
-document.addEventListener('DOMContentLoaded', () => {
-  AlertDetails('#js-alert_details');
-});
+AlertDetails('#js-alert_details');

app/assets/javascripts/pages/projects/alert_management/index/index.js

 import AlertManagementList from '~/alert_management/list';
 
-document.addEventListener('DOMContentLoaded', () => {
-  AlertManagementList();
-});
+AlertManagementList();

app/assets/javascripts/pages/projects/error_tracking/details/index.js

 import ErrorTrackingDetails from '~/error_tracking/details';
 
-document.addEventListener('DOMContentLoaded', () => {
-  ErrorTrackingDetails();
-});
+ErrorTrackingDetails();

app/assets/javascripts/pages/projects/error_tracking/index/index.js

 import ErrorTrackingList from '~/error_tracking/list';
 
-document.addEventListener('DOMContentLoaded', () => {
-  ErrorTrackingList();
-});
+ErrorTrackingList();

app/assets/javascripts/pages/projects/incidents/index/index.js

 import IncidentsList from '~/incidents/list';
 
-document.addEventListener('DOMContentLoaded', () => {
-  IncidentsList();
-});
+IncidentsList();

app/assets/javascripts/pages/projects/incidents/show/index.js

@@ -2,10 +2,8 @@ import initSidebarBundle from '~/sidebar/sidebar_bundle';
 import initRelatedIssues from '~/related_issues';
 import initShow from '../../issues/show';
 
-document.addEventListener('DOMContentLoaded', () => {
-  initShow();
-  if (!gon.features?.vueIssuableSidebar) {
-    initSidebarBundle();
-  }
-  initRelatedIssues();
-});
+initShow();
+if (!gon.features?.vueIssuableSidebar) {
+  initSidebarBundle();
+}
+initRelatedIssues();

app/assets/javascripts/pages/projects/metrics_dashboard/index.js

 import monitoringApp from '~/monitoring/monitoring_app';
 
-document.addEventListener('DOMContentLoaded', monitoringApp);
+monitoringApp();

app/assets/javascripts/pages/projects/settings/integrations/show/index.js

 import PersistentUserCallout from '~/persistent_user_callout';
 
-document.addEventListener('DOMContentLoaded', () => {
-  const callout = document.querySelector('.js-webhooks-moved-alert');
-  PersistentUserCallout.factory(callout);
-});
+const callout = document.querySelector('.js-webhooks-moved-alert');
+PersistentUserCallout.factory(callout);

app/assets/javascripts/pages/projects/settings/operations/show/index.js

@@ -5,13 +5,11 @@ import mountGrafanaIntegration from '~/grafana_integration';
 import initSettingsPanels from '~/settings_panels';
 import initIncidentsSettings from '~/incidents_settings';
 
-document.addEventListener('DOMContentLoaded', () => {
-  initIncidentsSettings();
-  mountErrorTrackingForm();
-  mountOperationSettings();
-  mountGrafanaIntegration();
-  if (!IS_EE) {
-    initSettingsPanels();
-  }
-  mountAlertsSettings(document.querySelector('.js-alerts-settings'));
-});
+initIncidentsSettings();
+mountErrorTrackingForm();
+mountOperationSettings();
+mountGrafanaIntegration();
+if (!IS_EE) {
+  initSettingsPanels();
+}
+mountAlertsSettings(document.querySelector('.js-alerts-settings'));

ee/app/assets/javascripts/pages/projects/settings/operations/show/index.js

@@ -2,7 +2,5 @@ import '~/pages/projects/settings/operations/show/index';
 import mountStatusPageForm from 'ee/status_page_settings';
 import initSettingsPanels from '~/settings_panels';
 
-document.addEventListener('DOMContentLoaded', () => {
-  mountStatusPageForm();
-  initSettingsPanels();
-});
+mountStatusPageForm();
+initSettingsPanels();