Prepare the code for settings page

- Create a new route for the settings page which
  is still not accessible by the user
- Update translations

ee/app/assets/javascripts/pages/security/dashboard/settings/index.js

+import initSecurityDashboardSettings from 'ee/security_dashboard/instance_dashboard_settings_init';
+
+document.addEventListener('DOMContentLoaded', () => {
+  initSecurityDashboardSettings(document.getElementById('js-security'));
+});

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

+import Vue from 'vue';
+import UnavailableState from './components/unavailable_state.vue';
+
+export default el => {
+  return new Vue({
+    el,
+    render(createElement) {
+      return createElement(UnavailableState, {
+        props: {
+          link: el.dataset.dashboardDocumentation,
+          svgPath: el.dataset.emptyStateSvgPath,
+        },
+      });
+    },
+  });
+};

ee/app/views/layouts/nav/sidebar/_security.html.haml

@@ -13,5 +13,15 @@
               = sprite_icon('dashboard')
             %span.nav-item-name
               = _('Security Dashboard')
+        -# This part will be enabled in a follow up MR. The follow up MR will be submitted
+        -# right after this MR is merged. The reason to split the MR into two pieces is
+        -# to reduce the size of the MR and speed up the review process.
+        -#
+        -# = nav_link(path: %w[dashboard#settings]) do
+        -#   = link_to security_settings_dashboard_path, class: 'shortcuts-project rspec-project-link' do
+        -#     .nav-icon-container
+        -#       = sprite_icon('settings')
+        -#     %span.nav-item-name
+        -#       = _('Settings')
 
     = render 'shared/sidebar_toggle_button'

ee/app/views/security/dashboard/settings.html.haml

+- page_title _('Security Dashboard - Settings')
+- @hide_breadcrumbs = true
+
+#js-security{ data: instance_security_dashboard_data }

ee/config/routes/security.rb

@@ -2,6 +2,7 @@
 
 namespace :security do
   root to: 'dashboard#show'
+  get 'dasboard/settings', to: 'dashboard#settings', as: :settings_dashboard
 
   resources :projects, only: [:index, :create, :destroy]
   resources :vulnerable_projects, only: [:index]

locale/gitlab.pot

@@ -21279,6 +21279,9 @@ msgstr ""
 msgid "Security Dashboard"
 msgstr ""
 
+msgid "Security Dashboard - Settings"
+msgstr ""
+
 msgid "Security dashboard"
 msgstr ""