feat(i18n): Hebrew locale + full RTL support

components/templates/template-form.tsx

@@ -142,7 +142,7 @@ export function TemplateForm({ template, initialData, onSave, onCancel }: Templa
               className="h-6 px-2 text-xs"
               onClick={() => setShowPlaceholderMenu(showPlaceholderMenu === 'subject' ? null : 'subject')}
             >
-              <Plus className="w-3 h-3 mr-1" />
+              <Plus className="w-3 h-3 me-1" />
               {t('placeholder')}
             </Button>
             {showPlaceholderMenu === 'subject' && (
@@ -172,7 +172,7 @@ export function TemplateForm({ template, initialData, onSave, onCancel }: Templa
               className="h-6 px-2 text-xs"
               onClick={() => setShowPlaceholderMenu(showPlaceholderMenu === 'body' ? null : 'body')}
             >
-              <Plus className="w-3 h-3 mr-1" />
+              <Plus className="w-3 h-3 me-1" />
               {t('placeholder')}
             </Button>
             {showPlaceholderMenu === 'body' && (
@@ -281,11 +281,11 @@ function PlaceholderDropdown({
             <button
               key={p}
               type="button"
-              className="w-full text-left px-3 py-1.5 text-sm rounded hover:bg-muted transition-colors"
+              className="w-full text-start px-3 py-1.5 text-sm rounded hover:bg-muted transition-colors"
               onClick={() => onSelect(p)}
             >
               <span className="font-mono text-xs text-primary">{`{{${p}}}`}</span>
-              <span className="ml-2 text-muted-foreground">{t(`placeholders.${p}`)}</span>
+              <span className="ms-2 text-muted-foreground">{t(`placeholders.${p}`)}</span>
             </button>
           ))}
         </div>

components/templates/template-manager-modal.tsx

@@ -104,7 +104,7 @@ export function TemplateManagerModal({ isOpen, onClose }: TemplateManagerModalPr
                   value={searchQuery}
                   onChange={(e) => setSearchQuery(e.target.value)}
                   placeholder={t('search_placeholder')}
-                  className="pl-9"
+                  className="ps-9"
                 />
               </div>
               <Button

components/templates/template-picker.tsx

@@ -76,7 +76,7 @@ export function TemplatePicker({ isOpen, onClose, onSelect }: TemplatePickerProp
       key={template.id}
       type="button"
       onClick={() => handleSelectTemplate(template)}
-      className="w-full text-left p-3 rounded-md hover:bg-muted transition-colors group"
+      className="w-full text-start p-3 rounded-md hover:bg-muted transition-colors group"
     >
       <div className="flex items-center gap-2">
         {template.isFavorite && (
@@ -155,7 +155,7 @@ export function TemplatePicker({ isOpen, onClose, onSelect }: TemplatePickerProp
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
                 placeholder={t('search_placeholder')}
-                className="pl-9 h-9"
+                className="ps-9 h-9"
                 autoFocus
               />
             </div>