feat: Use Fluent SVG icons on the dashboard (#3482)

app/javascript/shared/components/EmojiOrIcon.vue

@@ -1,5 +1,11 @@
 <template>
-  <i v-if="showWrap" :class="className">{{ iconContent }}</i>
+  <i v-if="showEmoji" :class="className">{{ iconContent }}</i>
+  <fluent-icon
+    v-else-if="showIcon"
+    :size="iconSize"
+    :icon="icon"
+    :class="className"
+  />
 </template>
 
 <script>
@@ -9,6 +15,7 @@ import { mapGetters } from 'vuex';
 export default {
   props: {
     icon: { type: String, default: '' },
+    iconSize: { type: [Number, String], default: 20 },
     emoji: { type: String, default: '' },
   },
   computed: {
@@ -23,9 +30,6 @@ export default {
     showIcon() {
       return !this.showEmoji && this.icon;
     },
-    showWrap() {
-      return this.showEmoji || this.showIcon;
-    },
     iconContent() {
       return this.showEmoji ? this.emoji : '';
     },