Fix display of provider name and DNS records title

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9111ef36-26c8-4085-84ca-a35dc1fec1b5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7083d608-d6d3-4a6a-9a27-6286c5109627/7b67c43f-ca0f-410c-a1da-b1d32fe95c3b.jpg

client/src/components/domain/domain-table.tsx

@@ -44,9 +44,22 @@ export function DomainTable({ onManageDomain, onDeleteDomain, onAddDomain }: Dom
   });
 
   const getProviderName = (providerId: string | null | undefined) => {
+    // Special debugging logs
+    console.log("Provider ID:", providerId);
+    console.log("Available providers:", providers);
+    
     if (!providerId) return "None";
+    
+    // Check if the provider exists in our providers list
     const provider = providers.find(p => p.id === providerId);
-    return provider?.name || "Unknown";
+    
+    if (provider) {
+      console.log("Found provider:", provider);
+      return provider.name;
+    } else {
+      console.log("Provider not found for ID:", providerId);
+      return "Unknown";
+    }
   };
 
   const getProviderIcon = (providerId: string | null | undefined) => {

client/src/pages/dns-records.tsx

@@ -295,7 +295,7 @@ export default function DnsRecordsPage() {
 
   return (
     <MainLayout
-      title={`DNS Records ${domain ? `for ${domain.name}` : ''}`}
+      title={domain?.name ? `DNS Records for ${domain.name}` : 'DNS Records'} 
       description="Manage DNS records for your domain."
     >
       {/* Breadcrumb */}
@@ -306,7 +306,7 @@ export default function DnsRecordsPage() {
           </BreadcrumbItem>
           <BreadcrumbSeparator />
           <BreadcrumbItem>
-            <BreadcrumbLink href="#">{domain?.name || 'Loading...'}</BreadcrumbLink>
+            <BreadcrumbLink href="#">{domain?.name || 'Domain'}</BreadcrumbLink>
           </BreadcrumbItem>
         </Breadcrumb>
       </div>