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

app/javascript/widget/components/ChatSendButton.vue

@@ -2,23 +2,21 @@
   <button
     type="submit"
     :disabled="disabled"
-    class="send-button ml-1"
+    class="icon-button flex items-center justify-center ml-1"
     @click="onClick"
   >
-    <i
-      v-if="!loading"
-      class="ion-android-send icon-holder"
-      :style="`color: ${color}`"
-    />
+    <fluent-icon v-if="!loading" icon="send" :style="`color: ${color}`" />
     <spinner v-else size="small" />
   </button>
 </template>
 
 <script>
 import Spinner from 'shared/components/Spinner.vue';
+import FluentIcon from 'shared/components/FluentIcon/Index.vue';
 
 export default {
   components: {
+    FluentIcon,
     Spinner,
   },
   props: {
@@ -41,24 +39,3 @@ export default {
   },
 };
 </script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-@import '~widget/assets/scss/variables.scss';
-
-.send-button {
-  background: transparent;
-  border: 0;
-  cursor: pointer;
-  position: relative;
-  padding-right: $space-smaller;
-
-  .icon-holder {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: $font-size-big;
-    font-weight: $font-weight-medium;
-  }
-}
-</style>