fix styles for copilot

app/javascript/dashboard/components-next/copilot/Copilot.vue

@@ -116,7 +116,7 @@ watch(
     <div ref="chatContainer" class="flex-1 flex px-4 py-4 overflow-y-auto">
       <div
         v-if="messages.length"
-        class="space-y-6 flex-1 flex items-center justify-center"
+        class="space-y-6 flex-1 flex items-start justify-center"
       >
         <template v-for="message in messages" :key="message.id">
           <CopilotAgentMessage

app/javascript/dashboard/components-next/copilot/CopilotAgentMessage.vue

@@ -18,7 +18,7 @@ defineProps({
     <Avatar
       :name="supportAgent.available_name"
       :src="supportAgent.avatar_url"
-      :size="24"
+      :size="20"
       rounded-full
     />
     <div class="space-y-1 text-n-slate-12">

app/javascript/dashboard/components-next/copilot/CopilotAssistantMessage.vue

@@ -50,7 +50,7 @@ const useCopilotResponse = () => {
     <Avatar
       name="Captain Copilot"
       icon-name="i-woot-captain"
-      :size="24"
+      :size="20"
       rounded-full
     />
     <div class="flex flex-col gap-1 text-n-slate-12">