fix: adjust layout styles in AIChatMessage component for improved responsiveness

- Updated the class names in the AIChatMessage component to ensure full-width display for message elements.
- Enhanced the layout structure to better accommodate varying message sizes and improve overall user experience.

Signed-off-by: Innei <tukon479@gmail.com>

apps/desktop/layer/renderer/src/modules/ai-chat/components/message/AIChatMessage.tsx

@@ -105,9 +105,9 @@ export const AIChatMessage: React.FC<AIChatMessageProps> = React.memo(
 
     return (
       <div onContextMenu={stopPropagation} className="group flex justify-start">
-        <div className="relative flex max-w-full flex-col gap-2 text-text">
+        <div className="relative flex w-full max-w-full flex-col gap-2 text-text">
           {/* Normal message display */}
-          <div className="text-text">
+          <div className="w-full text-text">
             <div className="flex cursor-text select-text flex-col gap-2 text-sm">
               <AIMessageParts message={message} isLastMessage={isLastMessage} />
             </div>