style: apply fixes for eslint issues [cw-3590] (#10210)

These fixes are all auto generated and can be merged directly

Fixes the following issues

1. Event used on components should be hypenated
2. Attribute orders in components
3. Use `unmounted` instead of `destroyed`
4. Add explicit `emits` declarations for components, autofixed [using
this
script](https://gist.github.com/scmmishra/6f549109b96400006bb69bbde392eddf)


We ignore the top level v-if for now, we will fix it later

app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue

@@ -26,7 +26,7 @@ export default {
     },
     onSend: {
       type: Function,
-      default: () => { },
+      default: () => {},
     },
     sendButtonText: {
       type: String,
@@ -53,19 +53,19 @@ export default {
     },
     onFileUpload: {
       type: Function,
-      default: () => { },
+      default: () => {},
     },
     toggleEmojiPicker: {
       type: Function,
-      default: () => { },
+      default: () => {},
     },
     toggleAudioRecorder: {
       type: Function,
-      default: () => { },
+      default: () => {},
     },
     toggleAudioRecorderPlayPause: {
       type: Function,
-      default: () => { },
+      default: () => {},
     },
     isRecordingAudio: {
       type: Boolean,
@@ -112,6 +112,12 @@ export default {
       required: true,
     },
   },
+  emits: [
+    'replaceText',
+    'toggleInsertArticle',
+    'toggleEditor',
+    'selectWhatsappTemplate',
+  ],
   setup() {
     const { setSignatureFlagForInbox, fetchSignatureFlagFromUISettings } =
       useUISettings();
@@ -166,9 +172,9 @@ export default {
         return false;
       }
       // Disable audio recorder for safari browser as recording is not supported
-      const isSafari = /^((?!chrome|android|crios|fxios).)*safari/i.test(
-        navigator.userAgent
-      );
+      // const isSafari = /^((?!chrome|android|crios|fxios).)*safari/i.test(
+      //   navigator.userAgent
+      // );
 
       return (
         this.isFeatureEnabledonAccount(
@@ -340,7 +346,7 @@ export default {
         :conversation-id="conversationId"
         :is-private-note="isOnPrivateNote"
         :message="message"
-        @replaceText="replaceText"
+        @replace-text="replaceText"
       />
       <transition name="modal-fade">
         <div