fix: improve error handling across various components; utilize getAuthErrorMessage for consistent user-facing error messages

app/sites/[id]/page.tsx

@@ -7,6 +7,7 @@ import { getSite, type Site } from '@/lib/api/sites'
 import { getStats, getRealtime, getDailyStats, getTopPages, getTopReferrers, getCountries, getCities, getRegions, getBrowsers, getOS, getDevices, getScreenResolutions, getEntryPages, getExitPages, getDashboard, getPerformanceByPage, type Stats, type DailyStat, type PerformanceByPageStat } from '@/lib/api/stats'
 import { formatNumber, formatDuration, getDateRange } from '@/lib/utils/format'
 import { toast } from '@ciphera-net/ui'
+import { getAuthErrorMessage } from '@/lib/utils/authErrors'
 import { LoadingOverlay } from '@ciphera-net/ui'
 import { Select, DatePicker, DownloadIcon } from '@ciphera-net/ui'
 import ExportModal from '@/components/dashboard/ExportModal'
@@ -191,8 +192,8 @@ export default function SiteDashboardPage() {
       setScreenResolutions(Array.isArray(data.screen_resolutions) ? data.screen_resolutions : [])
       setPerformance(data.performance || { lcp: 0, cls: 0, inp: 0 })
       setPerformanceByPage(data.performance_by_page ?? null)
-    } catch (error: any) {
-      toast.error('Failed to load data: ' + (error.message || 'Unknown error'))
+    } catch (error: unknown) {
+      toast.error(getAuthErrorMessage(error) || 'Failed to load data: ' + ((error as Error)?.message || 'Unknown error'))
     } finally {
       setLoading(false)
     }

app/sites/[id]/realtime/page.tsx

@@ -5,6 +5,7 @@ import { useParams, useRouter } from 'next/navigation'
 import { getSite, type Site } from '@/lib/api/sites'
 import { getRealtimeVisitors, getSessionDetails, type Visitor, type SessionEvent } from '@/lib/api/realtime'
 import { toast } from '@ciphera-net/ui'
+import { getAuthErrorMessage } from '@/lib/utils/authErrors'
 import { LoadingOverlay } from '@ciphera-net/ui'
 
 function formatTimeAgo(dateString: string) {
@@ -44,8 +45,8 @@ export default function RealtimePage() {
         if (visitorsData && visitorsData.length > 0) {
           handleSelectVisitor(visitorsData[0])
         }
-      } catch (error: any) {
-        toast.error('Failed to load data')
+      } catch (error: unknown) {
+        toast.error(getAuthErrorMessage(error) || 'Failed to load data')
       } finally {
         setLoading(false)
       }
@@ -81,8 +82,8 @@ export default function RealtimePage() {
     try {
       const events = await getSessionDetails(siteId, visitor.session_id)
       setSessionEvents(events || [])
-    } catch (error) {
-      toast.error('Failed to load session details')
+    } catch (error: unknown) {
+      toast.error(getAuthErrorMessage(error) || 'Failed to load session details')
     } finally {
       setLoadingEvents(false)
     }

app/sites/[id]/settings/page.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react'
 import { useParams, useRouter } from 'next/navigation'
 import { getSite, updateSite, resetSiteData, deleteSite, type Site, type GeoDataLevel } from '@/lib/api/sites'
 import { toast } from '@ciphera-net/ui'
+import { getAuthErrorMessage } from '@/lib/utils/authErrors'
 import { LoadingOverlay } from '@ciphera-net/ui'
 import VerificationModal from '@/components/sites/VerificationModal'
 import { PasswordInput } from '@ciphera-net/ui'
@@ -105,7 +106,7 @@ export default function SiteSettingsPage() {
         setIsPasswordEnabled(false)
       }
     } catch (error: any) {
-      toast.error('Failed to load site: ' + (error.message || 'Unknown error'))
+      toast.error(getAuthErrorMessage(error) || 'Failed to load site: ' + ((error as Error)?.message || 'Unknown error'))
     } finally {
       setLoading(false)
     }
@@ -142,7 +143,7 @@ export default function SiteSettingsPage() {
       toast.success('Site updated successfully')
       loadSite()
     } catch (error: any) {
-      toast.error('Failed to update site: ' + (error.message || 'Unknown error'))
+      toast.error(getAuthErrorMessage(error) || 'Failed to update site: ' + ((error as Error)?.message || 'Unknown error'))
     } finally {
       setSaving(false)
     }
@@ -157,7 +158,7 @@ export default function SiteSettingsPage() {
       await resetSiteData(siteId)
       toast.success('All site data has been reset')
     } catch (error: any) {
-      toast.error('Failed to reset data: ' + (error.message || 'Unknown error'))
+      toast.error(getAuthErrorMessage(error) || 'Failed to reset data: ' + ((error as Error)?.message || 'Unknown error'))
     }
   }
 
@@ -173,7 +174,7 @@ export default function SiteSettingsPage() {
       toast.success('Site deleted successfully')
       router.push('/')
     } catch (error: any) {
-      toast.error('Failed to delete site: ' + (error.message || 'Unknown error'))
+      toast.error(getAuthErrorMessage(error) || 'Failed to delete site: ' + ((error as Error)?.message || 'Unknown error'))
     }
   }
 

app/sites/new/page.tsx

@@ -5,6 +5,7 @@ import { useRouter } from 'next/navigation'
 import { createSite, listSites } from '@/lib/api/sites'
 import { getSubscription } from '@/lib/api/billing'
 import { toast } from '@ciphera-net/ui'
+import { getAuthErrorMessage } from '@/lib/utils/authErrors'
 import { Button, Input } from '@ciphera-net/ui'
 
 export default function NewSitePage() {
@@ -46,7 +47,7 @@ export default function NewSitePage() {
       toast.success('Site created successfully')
       router.push(`/sites/${site.id}`)
     } catch (error: any) {
-      toast.error('Failed to create site: ' + (error.message || 'Unknown error'))
+      toast.error(getAuthErrorMessage(error) || 'Failed to create site: ' + ((error as Error)?.message || 'Unknown error'))
     } finally {
       setLoading(false)
     }