fix: adjust styling for message container to improve layout responsiveness

Author: NoOne7135

custom/conversation_area/TextRenderer.vue

@@ -1,11 +1,11 @@
 <template>
   <div
-    class="flex rounded-xl border px-4 border-gray-200 dark:border-gray-700"
+    class="flex rounded-xl border px-4 border-gray-200 dark:border-gray-700 min-w-0"
     @click="handleMarkdownLinkClick"
     :class="[
       hasVegaLite ? 'w-full my-2' : 'm-2',
       props.role === 'user' ? 'bg-lightListTableHeading dark:bg-darkListTableHeading self-end max-w-[80%] mr-4' 
-        : 'border-none self-start'
+        : 'border-none self-start max-w-full'
     ]"
   >
     <IncremarkContent