메일관리 기능 구현

frontend/app/(main)/admin/mail/accounts/page.tsx

@@ -10,6 +10,7 @@ import {
   createMailAccount,
   updateMailAccount,
   deleteMailAccount,
+  testMailAccountConnection,
   CreateMailAccountDto,
   UpdateMailAccountDto,
 } from "@/lib/api/mail";
@@ -104,6 +105,24 @@ export default function MailAccountsPage() {
     }
   };
 
+  const handleTestConnection = async (account: MailAccount) => {
+    try {
+      setLoading(true);
+      const result = await testMailAccountConnection(account.id);
+      
+      if (result.success) {
+        alert(`✅ SMTP 연결 성공!\n\n${result.message || '정상적으로 연결되었습니다.'}`);
+      } else {
+        alert(`❌ SMTP 연결 실패\n\n${result.message || '연결에 실패했습니다.'}`);
+      }
+    } catch (error: any) {
+      console.error('연결 테스트 실패:', error);
+      alert(`❌ SMTP 연결 테스트 실패\n\n${error.message || '알 수 없는 오류가 발생했습니다.'}`);
+    } finally {
+      setLoading(false);
+    }
+  };
+
   return (
     <div className="min-h-screen bg-gray-50">
       <div className="w-full max-w-none px-4 py-8 space-y-8">
@@ -148,6 +167,7 @@ export default function MailAccountsPage() {
                 onEdit={handleOpenEditModal}
                 onDelete={handleOpenDeleteModal}
                 onToggleStatus={handleToggleStatus}
+                onTestConnection={handleTestConnection}
               />
             </CardContent>
           </Card>