feat: enhance import handling with detailed conflict resolution and UI updates

frontend/src/pages/Certificates.tsx

@@ -43,7 +43,7 @@ export default function Certificates() {
         <div>
           <h1 className="text-2xl font-bold text-white mb-2">Certificates</h1>
           <p className="text-gray-400">
-            View and manage SSL certificates.
+            View and manage SSL certificates. Production Let's Encrypt certificates are auto-managed by Caddy.
           </p>
         </div>
         <Button onClick={() => setIsModalOpen(true)}>
@@ -52,6 +52,11 @@ export default function Certificates() {
         </Button>
       </div>
 
+      <div className="mb-4 bg-blue-900/20 border border-blue-500/30 text-blue-300 px-4 py-3 rounded-lg text-sm">
+        <strong>Note:</strong> You can delete custom certificates and staging certificates. 
+        Production Let's Encrypt certificates are automatically renewed and should not be deleted unless switching environments.
+      </div>
+
       <CertificateList />
 
       {isModalOpen && (

frontend/src/pages/ImportCaddy.tsx

@@ -146,6 +146,7 @@ api.example.com {
         <ImportReviewTable
           hosts={preview.preview.hosts}
           conflicts={preview.preview.conflicts}
+          conflictDetails={preview.conflict_details}
           errors={preview.preview.errors}
           caddyfileContent={preview.caddyfile_content}
           onCommit={handleCommit}