Revert design changes

app/javascript/dashboard/components-next/sidebar/Sidebar.vue

@@ -476,7 +476,9 @@ const menuItems = computed(() => {
 </script>
 
 <template>
-  <aside class="w-[12.5rem] h-screen flex flex-col text-sm pb-1">
+  <aside
+    class="w-[12.5rem] bg-n-solid-2 rtl:border-l ltr:border-r border-n-weak h-screen flex flex-col text-sm pb-1"
+  >
     <section class="grid gap-2 mt-2 mb-4">
       <div class="flex items-center min-w-0 gap-2 px-2">
         <div class="grid flex-shrink-0 size-6 place-content-center">

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"

app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue

@@ -209,7 +209,6 @@ export default {
 <template>
   <section class="flex w-full h-full">
     <ChatList
-      class="m-1 border border-n-weak rounded-lg"
       :show-conversation-list="showConversationList"
       :conversation-inbox="inboxId"
       :label="label"