feat(chat): refactor chat component structure and add new features (#3701)

- Introduced `ConversationSidebar.vue` for improved conversation management and sidebar functionality.
- Enhanced `MessageList.vue` to handle loading states and improved message rendering.
- Created new composables: `useConversations`, `useMessages`, `useMediaHandling`, `useRecording` for better code organization and reusability.
- Added loading indicators and improved user experience during message processing.
- Ensured backward compatibility and maintained existing functionalities.

dashboard/src/components/chat/Chat.vue

@@ -506,4 +506,4 @@ onBeforeUnmount(() => {
         padding: 0 !important;
     }
 }
-</style>
+</style>

dashboard/src/components/chat/ConversationSidebar.vue

@@ -293,3 +293,4 @@ function handleSidebarMouseLeave() {
     }
 }
 </style>
+

dashboard/src/composables/useMessages.ts

@@ -301,3 +301,4 @@ export function useMessages(
         toggleStreaming
     };
 }
+