feat: Add an extended bubble design for the widget (#1123)

* feat: Add a new design for chat bubble

Signed-off-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

* Add i18n

* Fix stye issues

* Set fixed font-size

* Update docs for bubble

app/javascript/widget/i18n/locale/en.json

@@ -18,6 +18,9 @@
     "VIEW_MESSAGES_BUTTON": "See new messages",
     "CLOSE_MESSAGES_BUTTON": "Close"
   },
+  "BUBBLE": {
+    "LABEL": "Chat with us"
+  },
   "POWERED_BY": "Powered by Chatwoot",
   "EMAIL_PLACEHOLDER": "Please enter your email",
   "CHAT_PLACEHOLDER": "Type your message"

app/javascript/widget/i18n/locale/fr.json

@@ -14,6 +14,9 @@
     "OTHERS_ARE_AVAILABLE": "d'autres sont disponibles",
     "AND": "et"
   },
+  "BUBBLE": {
+    "LABEL": "Discute avec nous"
+  },
   "POWERED_BY": "Propulsé par Chatwoot",
   "EMAIL_PLACEHOLDER": "Veuillez saisir votre adresse de courriel",
   "CHAT_PLACEHOLDER": "Tapez votre message"

app/javascript/widget/i18n/locale/ml.json

@@ -14,6 +14,9 @@
     "OTHERS_ARE_AVAILABLE": "others are available",
     "AND": "and"
   },
+  "BUBBLE": {
+    "LABEL": "ഞങ്ങളുമായി ചാറ്റുചെയ്യുക"
+  },
   "POWERED_BY": "Powered by Chatwoot",
   "EMAIL_PLACEHOLDER": "ദയവായി നിങ്ങളുടെ ഇമെയിൽ നൽകുക",
   "CHAT_PLACEHOLDER": "Type your message"

app/javascript/widget/i18n/locale/nl.json

@@ -14,6 +14,9 @@
     "OTHERS_ARE_AVAILABLE": "others are available",
     "AND": "and"
   },
+  "BUBBLE": {
+    "LABEL": "Chat met ons"
+  },
   "POWERED_BY": "Mogelijk gemaakt door Chatwoot",
   "EMAIL_PLACEHOLDER": "Voer uw e-mailadres in",
   "CHAT_PLACEHOLDER": "Typ uw bericht"