Revert design changes

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

@@ -108,7 +108,7 @@ watchEffect(() => {
 </script>
 
 <template>
-  <div class="border m-1 rounded-lg border-n-weak min-w-[280px]">
+  <div class="border-l border-n-weak min-w-[280px]">
     <Copilot
       :messages="messages"
       :support-agent="currentUser"

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

@@ -97,7 +97,12 @@ export default {
 </script>
 
 <template>
-  <div class="conversation-details-wrap bg-n-background">
+  <div
+    class="conversation-details-wrap bg-n-background"
+    :class="{
+      'border-l rtl:border-l-0 rtl:border-r border-n-weak': !isOnExpandedLayout,
+    }"
+  >
     <ConversationHeader
       v-if="currentChat.id"
       :chat="currentChat"

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

@@ -526,19 +526,7 @@ export default {
       class="mx-2 mt-2 overflow-hidden rounded-lg"
       :banner-message="$t('CONVERSATION.OLD_INSTAGRAM_INBOX_REPLY_BANNER')"
     />
-    <div class="flex justify-end">
-      <NextButton
-        faded
-        xs
-        slate
-        class="!rounded-r-none rtl:rotate-180 !rounded-2xl !fixed z-10"
-        :icon="
-          isContactPanelOpen ? 'i-ph-caret-right-fill' : 'i-ph-caret-left-fill'
-        "
-        :class="isInboxView ? 'top-52 md:top-40' : 'top-32'"
-        @click="onToggleContactPanel"
-      />
-    </div>
+
     <NextMessageList
       v-if="showNextBubbles"
       class="conversation-panel"