feat: Add support for markdown in messages (#1642)

Co-authored-by: Pranav <pranav@chatwoot.com>

app/javascript/widget/components/AgentMessageBubble.vue

@@ -4,7 +4,7 @@
       v-if="!isCards && !isOptions && !isForm && !isArticle"
       class="chat-bubble agent"
     >
-      <span v-html="formatMessage(message, false)"></span>
+      <div class="message-content" v-html="formatMessage(message, false)"></div>
       <email-input
         v-if="isTemplateEmail"
         :message-id="messageId"
@@ -133,3 +133,13 @@ export default {
   }
 }
 </style>
+<style lang="scss" scoped>
+@import '~widget/assets/scss/variables.scss';
+
+.chat-bubble .message-content::v-deep pre {
+  background: $color-primary-light;
+  color: $color-body;
+  overflow: scroll;
+  padding: $space-smaller;
+}
+</style>