Change ci/lint page to use a template structure

- Removes duplicated CSS
- Includes translations for strings

app/assets/javascripts/pages/projects/ci/lints/create/index.js

-import CILintEditor from '../ci_lint_editor';
-
-document.addEventListener('DOMContentLoaded', () => new CILintEditor());

app/assets/stylesheets/pages/lint.scss

-.ci-linter-container {
-  align-items: center;
-  display: flex;
-  height: calc(100vh - #{$header-height + $performance-bar-height});
-  justify-content: center;
-  text-align: center;
-}
-
-.ci-linter-inner {
-  width: auto;
-}
-
 .ci-linter-description {
   color: $common-gray-light;
-  width: 500px;
 }

app/views/ci/lints/show.html.haml

-.ci-linter-container
-  .ci-linter-inner
-    = image_tag 'illustrations/feature_moved.svg'
-    %h3 GitLab CI Linter has been moved
-    %p.ci-linter-description To validate your GitLab CI configurations, go to 'CI/CD → Pipelines' inside your project, and click on the 'CI Lint' button.
+.row.empty-state
+  .col-xs-12
+    .svg-content
+      = image_tag 'illustrations/feature_moved.svg'
+  .col-xs-12
+    .text-content.text-center
+      %h4= _("GitLab CI Linter has been moved")
+      %p.ci-linter-description
+        = _("To validate your GitLab CI configurations, go to 'CI/CD → Pipelines' inside your project, and click on the 'CI Lint' button.")