Add instance-names to security root applications

This change makes it easier to debug vue-apps in the browser, as tools
like vue-devtools can now see the instance-names of the root apps.

app/assets/javascripts/security_configuration/index.js

@@ -37,6 +37,7 @@ export const initSecurityConfiguration = (el) => {
   return new Vue({
     el,
     apolloProvider,
+    name: 'SecurityConfigurationRoot',
     provide: {
       projectFullPath,
       upgradePath,

ee/app/assets/javascripts/license_compliance/index.js

@@ -43,6 +43,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'LicenseComplianceAppRoot',
     store,
     components: {
       LicenseComplianceApp,

ee/app/assets/javascripts/security_dashboard/instance_dashboard_settings_init.js

@@ -12,6 +12,7 @@ export default (el) => {
 
   return new Vue({
     el,
+    name: 'SecurityDashboardSettingsRoot',
     apolloProvider,
     render(createElement) {
       return createElement(ProjectManager, {

ee/app/assets/javascripts/threat_monitoring/security_policies_list.js

@@ -25,6 +25,7 @@ export default (el, namespaceType) => {
   return new Vue({
     apolloProvider,
     el,
+    name: 'PoliciesAppRoot',
     provide: {
       assignedPolicyProject: JSON.parse(assignedPolicyProject),
       disableSecurityPolicyProject: parseBoolean(disableSecurityPolicyProject),