fix: Ensure consistent price calculations across all pages

PROBLEM:
- TLD prices in overview table differed from detail page
- Detail page was recalculating prices instead of using API data

SOLUTION:
1. Updated Frontend API types to include all backend fields:
   - getTldCompare: Added type, description, registry, introduced,
     cheapest_registrar, cheapest_price, price_range
   - getTldHistory: Added type, description, registry, trend,
     trend_reason, source

2. Fixed TLD Detail Page:
   - Now uses price_range from Compare API directly
   - Removed manual price recalculation
   - Uses trend/trend_reason from History API
   - All values now match Overview table exactly

RESULT:
- Prices are now 100% consistent:
  - Overview table shows avg_registration_price from /overview API
  - Detail page shows pricing.avg from /compare API (same values)
  - Trending cards show current_price from /trending API (same values)
  - All calculated using get_avg_price() in backend

frontend/src/app/tld-pricing/[tld]/page.tsx

@@ -54,16 +54,20 @@ interface TldDetails {
 
 interface TldHistory {
   tld: string
+  type?: string
+  description?: string
+  registry?: string
   current_price: number
   price_change_7d: number
   price_change_30d: number
   price_change_90d: number
-  trend?: string
+  trend: string
-  trend_reason?: string
+  trend_reason: string
   history: Array<{
     date: string
     price: number
   }>
+  source?: string
 }
 
 interface DomainCheckResult {
@@ -420,42 +424,30 @@ export default function TldDetailPage() {
       ])
       
       if (historyData && compareData) {
-        const registrars = compareData.registrars || []
+        // Sort registrars by price for display
-        const sortedRegistrars = [...registrars].sort((a, b) => 
+        const sortedRegistrars = [...(compareData.registrars || [])].sort((a, b) => 
           a.registration_price - b.registration_price
         )
-        const minPrice = sortedRegistrars[0]?.registration_price || historyData.current_price || 0
-        const maxPrice = sortedRegistrars[sortedRegistrars.length - 1]?.registration_price || historyData.current_price || 0
-        const avgPrice = registrars.length > 0
-          ? registrars.reduce((sum, r) => sum + r.registration_price, 0) / registrars.length
-          : historyData.current_price || 0
-        
-        // Determine trend from price change
-        const trend = historyData.price_change_30d > 5 ? 'up' 
-                    : historyData.price_change_30d < -5 ? 'down' 
-                    : 'stable'
         
+        // Use API data directly for consistency with overview table
         setDetails({
           tld: compareData.tld || tld,
-          type: 'generic',
+          type: compareData.type || 'generic',
-          description: `Domain extension .${tld}`,
+          description: compareData.description || `Domain extension .${tld}`,
-          registry: 'Various',
+          registry: compareData.registry || 'Various',
-          introduced: 0,
+          introduced: compareData.introduced || 0,
-          trend: trend,
+          trend: historyData.trend || 'stable',
-          trend_reason: trend === 'up' ? 'Price increase' : trend === 'down' ? 'Price decrease' : 'Stable pricing',
+          trend_reason: historyData.trend_reason || 'Price tracking available',
           pricing: {
-            avg: avgPrice,
+            // Use price_range from API for consistency with overview
-            min: minPrice,
+            avg: compareData.price_range?.avg || historyData.current_price || 0,
-            max: maxPrice,
+            min: compareData.price_range?.min || historyData.current_price || 0,
+            max: compareData.price_range?.max || historyData.current_price || 0,
           },
           registrars: sortedRegistrars,
-          cheapest_registrar: sortedRegistrars[0]?.name || 'N/A',
+          cheapest_registrar: compareData.cheapest_registrar || sortedRegistrars[0]?.name || 'N/A',
-        })
-        setHistory({
-          ...historyData,
-          trend: trend,
-          trend_reason: trend === 'up' ? 'Price increase' : trend === 'down' ? 'Price decrease' : 'Stable pricing',
         })
+        setHistory(historyData)
       } else {
         setError('Failed to load TLD data')
       }

frontend/src/lib/api.ts

@@ -262,27 +262,43 @@ class ApiClient {
   async getTldHistory(tld: string, days = 90) {
     return this.request<{
       tld: string
+      type: string
+      description: string
+      registry: string
       current_price: number
       price_change_7d: number
       price_change_30d: number
       price_change_90d: number
+      trend: string
+      trend_reason: string
       history: Array<{
         date: string
         price: number
       }>
+      source: string
     }>(`/tld-prices/${tld}/history?days=${days}`)
   }
 
   async getTldCompare(tld: string) {
     return this.request<{
       tld: string
+      type: string
+      description: string
+      registry: string
+      introduced: number | null
       registrars: Array<{
         name: string
         registration_price: number
         renewal_price: number
         transfer_price: number
-        features: string[]
       }>
+      cheapest_registrar: string
+      cheapest_price: number
+      price_range: {
+        min: number
+        max: number
+        avg: number
+      }
     }>(`/tld-prices/${tld}/compare`)
   }