feat(captain-memory): wire Contact Memories section into conversation sidebar

app/javascript/dashboard/composables/useUISettings.js

@@ -9,6 +9,7 @@ export const DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER = Object.freeze([
   { name: 'reservation_summary' },
   { name: 'contact_attributes' },
   { name: 'contact_notes' },
+  { name: 'contact_memories' },
   { name: 'previous_conversation' },
   { name: 'conversation_participants' },
   { name: 'linear_issues' },

app/javascript/dashboard/i18n/locale/en/conversation.json

@@ -381,6 +381,7 @@
       "CONVERSATION_LABELS": "Conversation Labels",
       "CONVERSATION_INFO": "Conversation Information",
       "CONTACT_NOTES": "Contact Notes",
+      "CONTACT_MEMORIES": "Customer Memories",
       "CONTACT_ATTRIBUTES": "Contact Attributes",
       "PREVIOUS_CONVERSATION": "Previous Conversations",
       "RESERVATION": "Reservation",

app/javascript/dashboard/i18n/locale/pt_BR/conversation.json

@@ -370,6 +370,7 @@
       "CONVERSATION_LABELS": "Etiquetas da conversa",
       "CONVERSATION_INFO": "Informação da conversa",
       "CONTACT_NOTES": "Notas do contato",
+      "CONTACT_MEMORIES": "Memórias do Cliente",
       "CONTACT_ATTRIBUTES": "Atributos do contato",
       "PREVIOUS_CONVERSATION": "Conversas anteriores",
       "RESERVATION": "Reserva",

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

@@ -14,6 +14,7 @@ import ContactConversations from './ContactConversations.vue';
 import ConversationAction from './ConversationAction.vue';
 import ConversationParticipant from './ConversationParticipant.vue';
 import ContactInfo from './contact/ContactInfo.vue';
+import ContactMemories from './contact/ContactMemories.vue';
 import ContactNotes from './contact/ContactNotes.vue';
 import ScheduledMessages from './scheduledMessages/ScheduledMessages.vue';
 import ConversationInfo from './ConversationInfo.vue';
@@ -337,6 +338,18 @@ onMounted(() => {
               <ContactNotes :contact-id="contactId" />
             </AccordionItem>
           </div>
+          <div v-else-if="element.name === 'contact_memories'">
+            <AccordionItem
+              :title="$t('CONVERSATION_SIDEBAR.ACCORDION.CONTACT_MEMORIES')"
+              :is-open="isContactSidebarItemOpen('is_contact_memories_open')"
+              compact
+              @toggle="
+                value => toggleSidebarUIState('is_contact_memories_open', value)
+              "
+            >
+              <ContactMemories :contact-id="contactId" />
+            </AccordionItem>
+          </div>
         </template>
       </Draggable>
     </div>