feat: Remove ionicons v2 dependency on widget (#3402)

app/javascript/widget/views/Unread.vue

@@ -6,8 +6,10 @@
         class="button small close-unread-button"
         @click="closeFullView"
       >
-        <i class="ion-android-close" />
-        {{ $t('UNREAD_VIEW.CLOSE_MESSAGES_BUTTON') }}
+        <div class="flex items-center">
+          <fluent-icon class="mr-1" icon="dismiss" size="12" />
+          {{ $t('UNREAD_VIEW.CLOSE_MESSAGES_BUTTON') }}
+        </div>
       </button>
     </div>
     <div class="unread-messages">
@@ -29,8 +31,10 @@
         class="button clear-button"
         @click="openFullView"
       >
-        <i class="ion-arrow-right-c" />
-        {{ $t('UNREAD_VIEW.VIEW_MESSAGES_BUTTON') }}
+        <div class="flex items-center">
+          <fluent-icon class="mr-2" size="16" icon="arrow-right" />
+          {{ $t('UNREAD_VIEW.VIEW_MESSAGES_BUTTON') }}
+        </div>
       </button>
     </div>
   </div>
@@ -38,14 +42,16 @@
 
 <script>
 import { IFrameHelper } from 'widget/helpers/utils';
-import UnreadMessage from 'widget/components/UnreadMessage.vue';
-
-import configMixin from '../mixins/configMixin';
 import { mapGetters } from 'vuex';
+import configMixin from '../mixins/configMixin';
+
+import FluentIcon from 'shared/components/FluentIcon/Index.vue';
+import UnreadMessage from 'widget/components/UnreadMessage.vue';
 
 export default {
   name: 'Unread',
   components: {
+    FluentIcon,
     UnreadMessage,
   },
   mixins: [configMixin],