Hardcode mail.ayris.tech in client setup and add copy buttons

app/dashboard/mailboxes/page.tsx

@@ -390,26 +390,33 @@ export default function MailboxesPage() {
               <div style={{ background: "var(--bg-hover)", padding: 12, borderRadius: "var(--radius)", border: "1px solid var(--border)", fontSize: 13 }}>
                 <div style={{ marginBottom: 12 }}>
                   <div style={{ color: "var(--text-secondary)", fontSize: 11, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }}>IMAP (Gelen Sunucu)</div>
-                  <div style={{ display: "flex", justifyContent: "space-between", marginTop: 4 }}>
+                  <div style={{ display: "flex", justifyContent: "space-between", marginTop: 4, alignItems: "center" }}>
-                    <span>Sunucu: <strong>mail.{showInfoModal.split("@")[1]}</strong></span>
+                    <span>Sunucu: <strong>mail.ayris.tech</strong></span>
-                    <span>Port: <strong>993</strong> (SSL/TLS)</span>
+                    <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+                      <button className="btn btn-ghost btn-sm" style={{ padding: "4px 8px", fontSize: 11 }} onClick={() => navigator.clipboard.writeText("mail.ayris.tech")} title="Kopyala"><CopyIcon /> Kopyala</button>
                     </div>
                   </div>
+                  <div style={{ marginTop: 2 }}>Port: <strong>993</strong> (SSL/TLS)</div>
+                </div>
                 
                 <div style={{ marginBottom: 12, paddingTop: 12, borderTop: "1px solid var(--border)" }}>
                   <div style={{ color: "var(--text-secondary)", fontSize: 11, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }}>SMTP (Giden Sunucu)</div>
-                  <div style={{ display: "flex", justifyContent: "space-between", marginTop: 4 }}>
+                  <div style={{ display: "flex", justifyContent: "space-between", marginTop: 4, alignItems: "center" }}>
-                    <span>Sunucu: <strong>mail.{showInfoModal.split("@")[1]}</strong></span>
+                    <span>Sunucu: <strong>mail.ayris.tech</strong></span>
-                    <span>Port: <strong>587</strong> (STARTTLS) <span style={{ color: "var(--text-secondary)" }}>veya 465 (SSL)</span></span>
+                    <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+                      <button className="btn btn-ghost btn-sm" style={{ padding: "4px 8px", fontSize: 11 }} onClick={() => navigator.clipboard.writeText("mail.ayris.tech")} title="Kopyala"><CopyIcon /> Kopyala</button>
                     </div>
                   </div>
+                  <div style={{ marginTop: 2 }}>Port: <strong>587</strong> (STARTTLS) <span style={{ color: "var(--text-secondary)" }}>veya 465 (SSL)</span></div>
+                </div>
 
                 <div style={{ paddingTop: 12, borderTop: "1px solid var(--border)" }}>
                   <div style={{ color: "var(--text-secondary)", fontSize: 11, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }}>Kimlik Doğrulama</div>
-                  <div style={{ marginTop: 4 }}>
+                  <div style={{ display: "flex", justifyContent: "space-between", marginTop: 4, alignItems: "center" }}>
-                    <div>Kullanıcı Adı: <strong>{showInfoModal}</strong></div>
+                    <span>Kullanıcı Adı: <strong>{showInfoModal}</strong></span>
-                    <div style={{ color: "var(--text-secondary)", marginTop: 2 }}>Şifre: <span style={{ fontStyle: "italic" }}>Hesap oluştururken belirlediğiniz şifre</span></div>
+                    <button className="btn btn-ghost btn-sm" style={{ padding: "4px 8px", fontSize: 11 }} onClick={() => navigator.clipboard.writeText(showInfoModal)} title="Kopyala"><CopyIcon /> Kopyala</button>
                   </div>
+                  <div style={{ color: "var(--text-secondary)", marginTop: 4 }}>Şifre: <span style={{ fontStyle: "italic" }}>Hesap oluştururken belirlediğiniz şifre</span></div>
                 </div>
               </div>
             </div>
@@ -434,3 +441,4 @@ function PauseIcon() { return <svg width="12" height="12" viewBox="0 0 24 24" fi
 function PlayIcon() { return <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg>; }
 function XIcon() { return <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>; }
 function InfoIcon() { return <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>; }
+function CopyIcon() { return <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>; }