[Feature] Email collect message hooks (#331)

- Add email collect hook on creating conversation
- Merge contact if it already exist

app/javascript/widget/assets/scss/_forms.scss

@@ -9,6 +9,7 @@ $input-height: $space-two * 2;
 
   appearance: none;
   background: $color-white;
+  border: 1px solid $color-border;
   border-radius: $border-radius;
   box-sizing: border-box;
   color: $color-body;

app/javascript/widget/assets/scss/_variables.scss

@@ -57,6 +57,9 @@ $color-background-light: #fafafa;
 $color-white: #fff;
 $color-body: #3c4858;
 $color-heading: #1f2d3d;
+$color-error: #ff4949;
+
+
 // Thumbnail
 $thumbnail-radius: 4rem;
 
@@ -89,3 +92,8 @@ $footer-height: 11.2rem;
 $header-expanded-height: $space-medium * 10;
 
 $font-family: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+$ionicons-font-path: '~ionicons/fonts';
+
+$spinkit-spinner-color: $color-white !default;
+$spinkit-spinner-margin: 0 0 0 1.6rem !default;
+$spinkit-size: 1.6rem !default;

app/javascript/widget/assets/scss/woot.scss

@@ -4,6 +4,8 @@
 @import 'mixins';
 @import 'forms';
 @import 'shared/assets/fonts/inter';
+@import '~ionicons/scss/ionicons';
+@import '~spinkit/scss/spinners/7-three-bounce';
 
 html,
 body {