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

@@ -7,15 +7,11 @@ export default {
       type: String,
       required: false,
     },
-    styles: {
+    css: {
       type: String,
       default: '',
       required: false,
     },
-    tooltip: {
-      type: Object,
-      required: false,
-    },
     alt: {
       type: String,
       required: true,
@@ -38,7 +34,7 @@ export default {
       return `s${this.avatarSize}`;
     },
     imageStyles() {
-      return `avatar ${this.tooltipClass} ${this.styles}`;
+      return `avatar ${this.tooltipClass} ${this.css}`;
     },
   },
   template: `
@@ -47,7 +43,6 @@ export default {
       :src="src" 
       :width="size" 
       :height="size" 
-      :alt="alt"
-      v-attrs='attrs'/>
+      :alt="alt"/>
   `,
 };