feat(email): support magic variables in email title

public/locales/de-DE/dashboard.json

@@ -570,7 +570,7 @@
     "addLanguage": "Sprache hinzufügen",
     "languageCodeDes": "Bitte wählen Sie die Sprache aus, die Sie hinzufügen möchten.",
     "emailSubject": "E-Mail-Betreff",
-    "emailSubjectDes": "Die Betreffzeile der E-Mail.",
+    "emailSubjectDes": "Die Betreffzeile der E-Mail. Sie können <0>magische Variablen</0> verwenden, um den E-Mail-Betreff anzupassen.",
     "emailBody": "E-Mail-Inhalt",
     "emailBodyDes": "HTML-Inhalt der E-Mail. Sie können <0>magische Variablen</0> verwenden, um den E-Mail-Inhalt anzupassen.",
     "orderTitle": "Bestelltitel",

public/locales/en-US/dashboard.json

@@ -569,7 +569,7 @@
     "addLanguage": "Add language",
     "languageCodeDes": "Please select the language you want to add.",
     "emailSubject": "Email saveChanges",
-    "emailSubjectDes": "The subject line of the email.",
+    "emailSubjectDes": "The subject line of the email. You can use <0>magic variables</0> to customize the email subject.",
     "emailBody": "Email body",
     "emailBodyDes": "HTML content of the email. You can use <0>magic variables</0> to customize the email content.",
     "orderTitle": "Order title",

public/locales/es-ES/dashboard.json

@@ -570,7 +570,7 @@
     "addLanguage": "Agregar idioma",
     "languageCodeDes": "Por favor selecciona el idioma que quieres agregar.",
     "emailSubject": "Asunto del email",
-    "emailSubjectDes": "La línea de asunto del email.",
+    "emailSubjectDes": "La línea de asunto del email. Puedes usar <0>variables mágicas</0> para personalizar el asunto del email.",
     "emailBody": "Cuerpo del email",
     "emailBodyDes": "Contenido HTML del email. Puedes usar <0>variables mágicas</0> para personalizar el contenido del email.",
     "orderTitle": "Título de la orden",

public/locales/fr-FR/dashboard.json

@@ -570,7 +570,7 @@
     "addLanguage": "Ajouter une langue",
     "languageCodeDes": "Veuillez sélectionner la langue que vous souhaitez ajouter.",
     "emailSubject": "Sujet de l'e-mail",
-    "emailSubjectDes": "La ligne d'objet de l'e-mail.",
+    "emailSubjectDes": "La ligne d'objet de l'e-mail. Vous pouvez utiliser des <0>variables magiques</0> pour personnaliser le sujet de l'e-mail.",
     "emailBody": "Corps de l'e-mail",
     "emailBodyDes": "Contenu HTML de l'e-mail. Vous pouvez utiliser des <0>variables magiques</0> pour personnaliser le contenu de l'e-mail.",
     "orderTitle": "Titre de la commande",

public/locales/it-IT/dashboard.json

@@ -570,7 +570,7 @@
     "addLanguage": "Aggiungi lingua",
     "languageCodeDes": "Seleziona la lingua che vuoi aggiungere.",
     "emailSubject": "Oggetto email",
-    "emailSubjectDes": "L'oggetto dell'email.",
+    "emailSubjectDes": "L'oggetto dell'email. Puoi usare <0>variabili magiche</0> per personalizzare l'oggetto dell'email.",
     "emailBody": "Corpo email",
     "emailBodyDes": "Contenuto HTML dell'email. Puoi usare <0>variabili magiche</0> per personalizzare il contenuto dell'email.",
     "orderTitle": "Titolo ordine",

public/locales/ja-JP/dashboard.json

@@ -569,7 +569,7 @@
     "addLanguage": "言語を追加",
     "languageCodeDes": "追加する言語を選択してください。",
     "emailSubject": "メール件名",
-    "emailSubjectDes": "メールの件名。",
+    "emailSubjectDes": "メールの件名。<0>魔法変数</0> を使用して件名をカスタマイズできます。",
     "emailBody": "メール本文",
     "emailBodyDes": "メールの本文です。<0>魔法変数</0> を使用して本文をカスタマイズできます。",
     "orderTitle": "注文タイトル",

public/locales/ko-KR/dashboard.json

@@ -569,7 +569,7 @@
     "addLanguage": "언어 추가",
     "languageCodeDes": "추가할 언어를 선택해 주세요.",
     "emailSubject": "이메일 제목",
-    "emailSubjectDes": "이메일의 제목",
+    "emailSubjectDes": "이메일의 제목. <0>매직 변수</0>를 사용하여 사용자 정의할 수 있습니다.",
     "emailBody": "이메일 내용",
     "emailBodyDes": "이메일의 내용입니다. <0>매직 변수</0>를 사용하여 이메일 내용을 사용자 정의할 수 있습니다.",
     "orderTitle": "주문 제목",

public/locales/pt-BR/dashboard.json

@@ -570,7 +570,7 @@
     "addLanguage": "Adicionar idioma",
     "languageCodeDes": "Selecione o idioma que deseja adicionar.",
     "emailSubject": "Assunto do email",
-    "emailSubjectDes": "A linha de assunto do email.",
+    "emailSubjectDes": "A linha de assunto do email. Você pode usar <0>variáveis mágicas</0> para personalizar o assunto do email.",
     "emailBody": "Corpo do email",
     "emailBodyDes": "Conteúdo HTML do email. Você pode usar <0>variáveis mágicas</0> para personalizar o conteúdo do email.",
     "orderTitle": "Título do pedido",

public/locales/ru-RU/dashboard.json

@@ -570,7 +570,7 @@
     "addLanguage": "Добавить язык",
     "languageCodeDes": "Пожалуйста, выберите язык для добавления.",
     "emailSubject": "Тема письма",
-    "emailSubjectDes": "Тема электронного письма.",
+    "emailSubjectDes": "Тема электронного письма. Вы можете использовать <0>магические переменные</0> для настройки темы письма.",
     "emailBody": "Содержимое письма",
     "emailBodyDes": "Содержимое электронного письма. Вы можете использовать <0>магические переменные</0> для настройки содержимого письма.",
     "orderTitle": "Название заказа",

public/locales/zh-CN/dashboard.json

@@ -569,7 +569,7 @@
     "addLanguage": "添加语言",
     "languageCodeDes": "请选择要添加的语言。",
     "emailSubject": "邮件主题",
-    "emailSubjectDes": "邮件的主题。",
+    "emailSubjectDes": "邮件的主题。你可以使用 <0>魔法变量</0> 来定制邮件主题。",
     "emailBody": "邮件内容",
     "emailBodyDes": "邮件的内容。你可以使用 <0>魔法变量</0> 来定制邮件内容。",
     "orderTitle": "订单标题",

public/locales/zh-TW/dashboard.json

@@ -569,7 +569,7 @@
     "addLanguage": "新增語言",
     "languageCodeDes": "請選擇要新增的語言。",
     "emailSubject": "郵件主題",
-    "emailSubjectDes": "郵件的主題。",
+    "emailSubjectDes": "郵件的主題。你可以使用 <0>魔法變數</0> 來定製郵件主題。",
     "emailBody": "郵件內容",
     "emailBodyDes": "郵件的內容。你可以使用 <0>魔法變數</0> 來定製郵件內容。",
     "orderTitle": "訂單標題",

src/component/Admin/Settings/Email/EmailTemplateEditor.tsx

@@ -163,7 +163,13 @@ const EmailTemplateEditor: React.FC<EmailTemplateEditorProps> = ({ value, onChan
                   value={template.title}
                   onChange={(e) => updateTemplate(index, "title", e.target.value)}
                 />
-                <NoMarginHelperText>{t("settings.emailSubjectDes")}</NoMarginHelperText>
+                <NoMarginHelperText>
+                  <Trans
+                    i18nKey={"settings.emailSubjectDes"}
+                    ns={"dashboard"}
+                    components={[<Link onClick={openMagicVar} href={"#"} />]}
+                  />
+                </NoMarginHelperText>
               </FormControl>
 
               <Typography variant="subtitle2" sx={{ mb: 1 }}>