chore: Move conversation header above sidebar (#1835)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

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

@@ -1,5 +1,5 @@
 <template>
-  <section class="app-content columns">
+  <section class="conversation-page">
     <chat-list
       :conversation-inbox="inboxId"
       :label="label"
@@ -24,11 +24,6 @@
       @contact-panel-toggle="onToggleContactPanel"
     >
     </conversation-box>
-    <contact-panel
-      v-if="isContactPanelOpen"
-      :conversation-id="conversationId"
-      :on-toggle="onToggleContactPanel"
-    />
   </section>
 </template>
 
@@ -36,7 +31,6 @@
 import { mapGetters } from 'vuex';
 
 import ChatList from '../../../components/ChatList';
-import ContactPanel from './ContactPanel';
 import ConversationBox from '../../../components/widgets/conversation/ConversationBox';
 import Search from './search/Search.vue';
 import uiSettingsMixin from 'dashboard/mixins/uiSettings';
@@ -44,7 +38,6 @@ import uiSettingsMixin from 'dashboard/mixins/uiSettings';
 export default {
   components: {
     ChatList,
-    ContactPanel,
     ConversationBox,
     Search,
   },
@@ -177,4 +170,10 @@ export default {
   font-size: var(--font-size-large);
   padding-right: var(--space-small);
 }
+
+.conversation-page {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
 </style>