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_image.js

@@ -32,6 +32,11 @@ export default {
       default: '',
     },
   },
+  watch: {
+    tooltipText() {
+      $(this.$refs.tooltipTarget).tooltip('destroy');
+    }
+  },
   computed: {
     tooltipClass() {
       return this.tooltipText ? 'has-tooltip' : '';
@@ -62,8 +67,9 @@ export default {
         :height="size"
         :alt="alt"
         :data-container="tooltipContainer"
-        :data-title="tooltipText"
-        :data-original-title="tooltipText"/>
+        :title="tooltipText"
+        ref="tooltipTarget"
+      />
       <span
         v-if="svg"
         v-html="svg">