courrier refactor rebuild 2

app/globals.css

@@ -190,8 +190,6 @@
 /* Special classes used in the email formatting functions */
 .email-content-display .reply-body {
   width: 100%;
-  direction: rtl;
-  text-align: right;
   font-family: Arial, sans-serif;
 }
 
@@ -204,15 +202,11 @@
 
 .email-content-display .quoted-content {
   font-size: 13px;
-  direction: rtl;
-  text-align: right;
 }
 
 .email-content-display .email-original-content {
   margin-top: 10px;
   padding-top: 10px;
-  text-align: right;
-  direction: rtl;
 }
 
 /* Fix styles for the content in both preview and compose */
@@ -220,7 +214,5 @@
   /* Same styles as contentEditable=true to ensure consistency */
   white-space: pre-wrap;
   word-break: break-word;
-  direction: rtl;
-  text-align: right;
 }
 

components/email/EmailPreview.tsx

@@ -250,10 +250,6 @@ export default function EmailPreview({ email, loading = false, onReply }: EmailP
               contentEditable={false}
               className="w-full p-4 min-h-[300px] focus:outline-none email-content-display"
               dangerouslySetInnerHTML={{ __html: formattedContent }}
-              dir="rtl"
-              style={{ 
-                textAlign: 'right',
-              }}
             />
           </div>
         </div>

lib/utils/email-formatter.ts

@@ -177,7 +177,7 @@ export function formatForwardedEmail(email: EmailMessage): {
   
   // Create formatted content for forwarded email
   const content = `
-    <div style="min-height: 20px;" dir="rtl">
+    <div style="min-height: 20px;">
     <div style="border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px;">
       <div style="font-family: Arial, sans-serif; color: #333;">
         <div style="margin-bottom: 15px;">
@@ -187,7 +187,7 @@ export function formatForwardedEmail(email: EmailMessage): {
           <div><b>Subject:</b> ${email.subject || ''}</div>
           <div><b>To:</b> ${toString}</div>
         </div>
-        <div class="email-original-content" dir="rtl">
+        <div class="email-original-content">
           ${originalContent}
         </div>
       </div>
@@ -253,11 +253,11 @@ export function formatReplyEmail(email: EmailMessage, type: 'reply' | 'reply-all
   
   // Format content for reply
   const content = `
-    <div style="min-height: 20px;" dir="rtl">
+    <div style="min-height: 20px;">
     <div class="reply-body">
       <div class="quote-header" style="color: #555; font-size: 13px; margin: 20px 0 10px 0;">${quoteHeader}</div>
       <blockquote style="margin: 0; padding: 10px 0 10px 15px; border-left: 3px solid #ddd; color: #555; background-color: #f8f8f8; border-radius: 4px;">
-        <div class="quoted-content" style="font-size: 13px;" dir="rtl">
+        <div class="quoted-content" style="font-size: 13px;">
           ${quotedContent}
         </div>
       </blockquote>