[Feature] Website live chat (#187)

Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
Co-authored-by: Sojan Jose <sojan@pepalo.com>

app/javascript/widget/components/AgentMessageBubble.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="chat-bubble agent">
+    {{ message }}
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AgentMessageBubble',
+  props: {
+    message: String,
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss">
+@import '~widget/assets/scss/variables.scss';
+
+.chat-bubble {
+  &.agent {
+    background: $color-white;
+    border-bottom-left-radius: $space-smaller;
+    color: $color-body;
+  }
+}
+</style>