Consolidate user avatar Vue logic

Creates 3 vue components:

1. user-avatar-link
2. user-avatar-image
3. user-avatar-svg

and implements them in several places.

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/31017

• Port to EE
• Test each implementation manually

EE Compatible Branch: https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/1699

app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_link.js

@@ -10,19 +10,6 @@ export default {
       type: String,
       required: false,
     },
-    title: {
-      type: String,
-      required: false,
-    },
-    css: {
-      type: String,
-      required: false,
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
     imgSrc: {
       type: String,
       required: true,
@@ -39,10 +26,6 @@ export default {
       type: Number,
       required: false,
     },
-    imgAttrs: {
-      type: Object,
-      required: false,
-    },
     tooltipContainer: {
       type: String,
       required: false,
@@ -52,20 +35,11 @@ export default {
       required: false,
     },
   },
-  computed: {
-    disabledCss() {
-      return this.disabled ? 'disabled' : '';
-    },
-    linkClass() {
-      return `${this.styles} ${this.disabledCss}`;
-    },
-  },
   template: `
-    <a :href='href' :title='title' :class="linkClass">
+    <a :href='href'>
       <user-avatar-image
         :src='imgSrc'
         :alt='imgAlt'
-        :attrs='imgAttrs'
         :css='imgCss'
         :size='imgSize'
         :tooltip-container='tooltipContainer'