updated webp-images, lazyloaded map images, added fontawesome icons

src/components/ScoreTeamPlayer.vue

@@ -1,16 +1,10 @@
 <template>
   <td>
-    <img :src="props.avatar" alt="Player avatar" class="player__avatar">
+    <img :src="props.avatar" alt="Player avatar" class="player__avatar" :class="'team-color-' + props.color">
   </td>
   <td class="player__name" @click="GoToPlayer(props.steamid64)">
     {{ props.name }}
-    <svg class="bi bi-link-45deg" fill="currentColor" height="12" viewBox="0 0 16 16"
-         width="12" xmlns="http://www.w3.org/2000/svg">
-      <path
-          d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/>
-      <path
-          d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"/>
-    </svg>
+    <i class="fas fa-link"></i>
   </td>
   <td>
     <img :src="DisplayRank(props.rank)[0]"
@@ -142,6 +136,11 @@ export default {
       type: Number,
       required: true,
       default: 0
+    },
+    color: {
+      type: String,
+      required: true,
+      default: ''
     }
   },
   setup(props) {
@@ -151,6 +150,28 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.team-color-Blue, .team-color-Orange, .team-color-Green, .team-color-Purple, .team-color-Yellow {
+  outline: 3px solid;
+}
+.team-color-Orange {
+  outline-color: #FE9A28;
+}
+.team-color-Blue {
+  outline-color: #5BA7FE;
+}
+.team-color-Yellow {
+  outline-color: #F7F52F;
+}
+.team-color-Purple {
+  outline-color: #A01BEF;
+}
+.team-color-Green {
+  outline-color: #04B462;
+}
+.team-color-Grey {
+  outline: none;
+}
+
 .player__avatar {
   width: 30px;
   height: 30px;
@@ -165,6 +186,11 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: pointer;
+
+  .fas {
+    font-size: .5rem;
+    vertical-align: top;
+  }
 }
 
 .player__rank {