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

docs/channels/website-sdk.md

@@ -23,9 +23,20 @@ window.chatwootSettings = {
   hideMessageBubble: false,
   position: 'left', // This can be left or right
   locale: 'en', // Language to be set
+  type: 'standard', // [standard, expanded_bubble]
 };
 ```
 
+Chatwoot support 2 designs for for the widget
+
+1. Standard (default)
+
+![Standard-bubble](./images/sdk/standard-bubble.gif)
+
+2. Expanded bubble
+
+![Expanded-bubble](./images/sdk/expanded-bubble.gif)
+
 ### To trigger widget without displaying bubble
 
 ```js