feat: Creates component show all contact info (#2252)

* feat: Adds component to show contact fields
* feat: Creates component show all contact info

app/javascript/dashboard/routes/dashboard/contacts/components/ManageLayout.vue

@@ -1,50 +0,0 @@
-<template>
-  <div class="wrap">
-    <div class="left"></div>
-    <div class="center"></div>
-    <div class="right"></div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex';
-
-export default {
-  components: {},
-  props: {
-    contactId: {
-      type: [String, Number],
-      default: 0,
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    ...mapGetters({
-      uiFlags: 'contacts/getUIFlags',
-    }),
-    showEmptySearchResult() {
-      const hasEmptyResults = !!this.searchQuery && this.records.length === 0;
-      return hasEmptyResults;
-    },
-  },
-  mounted() {},
-  methods: {},
-};
-</script>
-
-<style lang="scss" scoped>
-@import '~dashboard/assets/scss/mixins';
-
-.wrap {
-  @include three-column-grid(27.2rem);
-  background: var(--color-background);
-  border-top: 1px solid var(--color-border);
-}
-
-.center {
-  border-right: 1px solid var(--color-border);
-  border-left: 1px solid var(--color-border);
-}
-</style>

app/javascript/dashboard/routes/dashboard/contacts/pages/ContactManageView.vue

@@ -6,7 +6,7 @@
       :on-input-search="onInputSearch"
       :on-toggle-create="onToggleCreate"
     />
-    <manage-layout />
+    <manage-layout :contact-id="contactId" />
 
     <create-contact :show="showCreateModal" @cancel="onToggleCreate" />
   </div>
@@ -15,7 +15,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import ContactsHeader from '../components/Header';
-import ManageLayout from '../components/ManageLayout';
+import ManageLayout from 'dashboard/modules/contact/components/ManageLayout';
 import CreateContact from 'dashboard/routes/dashboard/conversation/contact/CreateContact';
 
 export default {