Change markdown header tab anchor links to buttons

What does this MR do?

EE port of https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/21988.

app/assets/javascripts/vue_shared/components/markdown/header.vue

 <script>
-<<<<<<< HEAD
 import $ from 'jquery';
-import tooltip from '../../directives/tooltip';
-import toolbarButton from './toolbar_button.vue';
-import icon from '../icon.vue';
+import Tooltip from '../../directives/tooltip';
+import ToolbarButton from './toolbar_button.vue';
+import Icon from '../icon.vue';
 
 export default {
   directives: {
-    tooltip,
+    Tooltip,
   },
   components: {
-    toolbarButton,
-    icon,
+    ToolbarButton,
+    Icon,
   },
   props: {
     previewMarkdown: {
@@ -69,27 +68,27 @@ export default {
         :class="{ active: !previewMarkdown }"
         class="md-header-tab"
       >
-        <gl-link
+        <button
           class="js-write-link"
           href="#md-write-holder"
           tabindex="-1"
           @click.prevent="writeMarkdownTab($event)"
         >
           Write
-        </gl-link>
+        </button>
       </li>
       <li
         :class="{ active: previewMarkdown }"
         class="md-header-tab"
       >
-        <gl-link
+        <button
           class="js-preview-link js-md-preview-button"
           href="#md-preview-holder"
           tabindex="-1"
           @click.prevent="previewMarkdownTab($event)"
         >
           Preview
-        </gl-link>
+        </button>
       </li>
       <li
         :class="{ active: !previewMarkdown }"