Convert blob editor tabs to pajamas

Changelog: other

app/views/projects/blob/edit.html.haml

@@ -16,14 +16,10 @@
 %h3.page-title.blob-edit-page-title
   Edit file
 .file-editor
-  %ul.nav-links.no-bottom.js-edit-mode.nav.nav-tabs
-    %li.active
-      = link_to '#editor' do
-        Write
+  = gl_tabs_nav({ class: 'js-edit-mode nav-links gl-border-0'}) do
+    = gl_tab_link_to _('Write'), '#editor', { tab_class: 'active' }
 
-    %li
-      = link_to '#preview', 'data-preview-url' => project_preview_blob_path(@project, @id) do
-        = editing_preview_title(@blob.name)
+    = gl_tab_link_to editing_preview_title(@blob.name), '#preview', { data: { 'preview-url': project_preview_blob_path(@project, @id) } }
 
   = form_tag(project_update_blob_path(@project, @id), method: :put, class: 'js-quick-submit js-requires-input js-edit-blob-form', data: blob_editor_paths(@project)) do
     = render 'projects/blob/editor', ref: @ref, path: @path, blob_data: @blob.data