design bug fix

src/components/newMessage/Reply.tsx

@@ -49,18 +49,15 @@ const Reply: FC<ReplyProps> = ({
 
 
     const handleClose = async () => {
-        // اگر محتوایی وارد شده، پیش‌نویس ذخیره کن
         if (content.trim()) {
             await handleSaveDraft()
             toast('پیش‌نویس ذخیره شد', 'success')
         }
 
-        // بسته کردن و برگشت به حالت قبل
         collapseReply()
-        onClose?.() // این خط مهمه تا parent component بفهمه
+        onClose?.()
     }
 
-    // اگر showInitialButton true باشه و هنوز expand نشده، فقط دکمه نشون بده
     if (showInitialButton && !isExpanded) {
         return (
             <div className={`flex justify-end ${className}`}>
@@ -82,12 +79,8 @@ const Reply: FC<ReplyProps> = ({
         collapseReply()
     }
 
-    // در غیر این صورت editor رو نشون بده
-    // (یا showInitialButton false هست یا isExpanded true هست)
-
     return (
         <div className={`mt-6 w-full ${className}`}>
-            {/* Reply Header */}
             <div className='flex items-center justify-between mb-4 p-3 bg-gray-50 rounded-lg border'>
                 <div className='flex items-center gap-2 text-sm text-gray-600'>
                     <img src={AnswerIcon} className='w-4 h-4' />
@@ -114,11 +107,10 @@ const Reply: FC<ReplyProps> = ({
                 </div>
             </div>
 
-            {/* Reply Content */}
+
             <div className='flex gap-4'>
-                <img src={AvatarImage} className='size-10 flex-shrink-0' />
+                <img src={AvatarImage} className='size-10 xl:block hidden flex-shrink-0' />
                 <div className='w-full'>
-                    {/* To Field */}
                     <div className='mb-4 text-sm'>
                         <div className='flex items-center gap-2 p-2 bg-gray-50 rounded border'>
                             <span className='text-gray-600 min-w-fit'>به:</span>
@@ -126,7 +118,6 @@ const Reply: FC<ReplyProps> = ({
                         </div>
                     </div>
 
-                    {/* Subject Field */}
                     <div className='mb-4 text-sm'>
                         <div className='flex items-center gap-2 p-2 bg-gray-50 rounded border'>
                             <span className='text-gray-600 min-w-fit'>موضوع:</span>
@@ -138,7 +129,6 @@ const Reply: FC<ReplyProps> = ({
                         </div>
                     </div>
 
-                    {/* Editor */}
                     <div className='mb-4'>
                         <EmailEditor
                             value={content}
@@ -147,7 +137,6 @@ const Reply: FC<ReplyProps> = ({
                         />
                     </div>
 
-                    {/* Actions */}
                     <EmailFormActions
                         onSend={handleSend}
                         onClose={handleClose}