fix(sio-combox): tweak dropdown shadow and bind close event on conversation selector

ts_web/elements/sio-combox.ts

@@ -259,7 +259,7 @@ export class SioCombox extends DeesElement {
         background: ${bdTheme('background')};
         border-radius: ${unsafeCSS(radius['2xl'])};
         border: 1px solid ${bdTheme('border')};
-        box-shadow: ${unsafeCSS(shadows.xl)};
+        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.35), 0 12px 24px -8px rgb(0 0 0 / 0.15);
         overflow: hidden;
         font-family: ${unsafeCSS(fontFamilies.sans)};
         transform-origin: bottom right;
@@ -401,6 +401,7 @@ export class SioCombox extends DeesElement {
           .conversations=${this.conversations}
           .selectedConversationId=${this.selectedConversationId}
           @conversation-selected=${this.handleConversationSelected}
+          @close=${() => this.close()}
         ></sio-conversation-selector>
         
         <sio-conversation-view