Add floating button for conversations screen

app/javascript/dashboard/components/copilot/CopilotContainer.vue

@@ -103,7 +103,7 @@ onMounted(() => {
 });
 
 const handleClose = () => {
-  store.dispatch('uiState/set', 'isCopilotSidebarOpen', false);
+  store.dispatch('uiState/set', { isCopilotSidebarOpen: false });
 };
 
 watchEffect(() => {

app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue

@@ -85,7 +85,7 @@ export default {
 
 <template>
   <div
-    class="conversation-details-wrap bg-n-background"
+    class="conversation-details-wrap bg-n-background relative"
     :class="{
       'border-l rtl:border-l-0 rtl:border-r border-n-weak': !isOnExpandedLayout,
     }"
@@ -120,6 +120,7 @@ export default {
         v-if="!currentChat.id && !isInboxView"
         :is-on-expanded-layout="isOnExpandedLayout"
       />
+      <slot />
     </div>
     <DashboardAppFrame
       v-for="(dashboardApp, index) in dashboardApps"

app/javascript/dashboard/components/widgets/conversation/ConversationSidebar.vue

@@ -28,7 +28,7 @@ const showConversationSidebar = computed(
 
 const store = useStore();
 const closeConversationPanel = () => {
-  store.dispatch('uiState/set', 'isConversationSidebarOpen', false);
+  store.dispatch('uiState/set', { isConversationSidebarOpen: false });
 };
 </script>