feat: update colors for v4 (#10660)

Porting changes from https://github.com/chatwoot/chatwoot/pull/10552

---------

Co-authored-by: Pranav <pranav@chatwoot.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: Vishnu Narayanan <vishnu@chatwoot.com>
Co-authored-by: Sojan <sojan@pepalo.com>
Co-authored-by: iamsivin <iamsivin@gmail.com>
Co-authored-by: Pranav <pranavrajs@gmail.com>

app/javascript/shared/mixins/keyboardEventListenerMixins.js

@@ -24,7 +24,7 @@ export default {
   methods: {
     addEventHandler(keydownHandler) {
       const indexToAppend = taggedHandlers.push(keydownHandler) - 1;
-      const root = this.$el;
+      const root = this.getElementToBind();
       if (root && root.dataset) {
         // For the components with a top level v-if Vue renders it as an empty comment in the DOM
         // so we need to check if the root element has a dataset property to ensure it is a valid element
@@ -32,6 +32,9 @@ export default {
         root.dataset.keydownHandlerIndex = indexToAppend;
       }
     },
+    getElementToBind() {
+      return this.$el;
+    },
     getKeyboardEvents() {
       return null;
     },