feat: add duplicate message check and update chat UI styles

app/components/chat/MessageContainer.vue

@@ -20,7 +20,7 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
     <div class="flex flex-col-reverse gap-4 md:flex-row-reverse items-end">
       <UCard
         variant="solid"
-        class="rounded-xl mt-1 bg-sky-300 md:max-w-3/4"
+        class="rounded-xl mt-1 bg-sky-500 md:max-w-3/4 text-white font-medium"
         :ui="{ body: 'sm:p-2', header: 'sm:p-2', footer: 'sm:p-2' }"
       >
         <div class="text-justify">

app/composables/chat.ts

@@ -136,9 +136,10 @@ export function useChat(t: any) {
     ]
   })
 
-  const { addMessage } = useChatStore()
+  const { addMessage, checkForDuplicateMessages } = useChatStore()
 
   async function submitMessage(type: ChatType, prompt: string, fetchStates: ChatFetchState[]) {
+    checkForDuplicateMessages(type)
     addMessage(
       type,
       prompt,

app/stores/chat.ts

@@ -9,6 +9,13 @@ export const useChatStore = defineStore('chat', () => {
     return !messages.value.some(msg => msg.state === ChatState.LOADING)
   })
 
+  function checkForDuplicateMessages(type: ChatType) {
+    const duplicate = messages.value.findLast(msg => msg.type === type)
+    if (duplicate) {
+      messages.value.splice(messages.value.indexOf(duplicate) - 1, 2)
+    }
+  }
+
   function addMessage(type: ChatType, content: string, sender: ChatSender, fetchStates: ChatFetchState[]) {
     if (sender === ChatSender.ARTHUR) {
       const message: ChatMessage = {
@@ -46,5 +53,5 @@ export const useChatStore = defineStore('chat', () => {
     }
   }
 
-  return { messages, addMessage, clearMessages, canSend, setLoadingState }
+  return { messages, addMessage, clearMessages, canSend, setLoadingState, checkForDuplicateMessages }
 })