Make issue sidebar links style more consistent

Made code changes as a result of review

app/assets/javascripts/sidebar/components/lock/lock_issue_sidebar.vue

@@ -106,17 +106,17 @@ export default {
 
     <div class="title hide-collapsed">
       {{ sprintf(__('Lock %{issuableDisplayName}'), { issuableDisplayName: issuableDisplayName }) }}
-      <button
+      <a
         v-if="isEditable"
-        class="float-right lock-edit btn-link"
-        type="button"
+        class="float-right lock-edit"
+        href="#"
         data-track-event="click_edit_button"
         data-track-label="right_sidebar"
         data-track-property="lock_issue"
         @click.prevent="toggleForm"
       >
         {{ __('Edit') }}
-      </button>
+      </a>
     </div>
 
     <div class="value sidebar-item-value hide-collapsed">

app/assets/stylesheets/pages/issuable.scss

@@ -259,6 +259,12 @@
     a.edit-link:not([href]):hover {
       color: rgba($gray-normal, 0.2);
     }
+
+    .confidential-edit,
+    .lock-edit,
+    .edit-link {
+      @extend .btn-link;
+    }
   }
 
   .cross-project-reference {

ee/app/assets/javascripts/sidebar/components/weight/weight.vue

@@ -173,7 +173,7 @@ export default {
       <gl-loading-icon v-if="fetching || loading" :inline="true" class="js-weight-loading-icon" />
       <a
         v-if="editable"
-        class="float-right js-weight-edit-link"
+        class="float-right edit-link js-weight-edit-link"
         data-qa-selector="edit_weight_link"
         href="#"
         @click.prevent="onEditClick(!shouldShowEditField)"