chore: replace LightningIcon with ZapIcon across multiple components

app/page.tsx

@@ -6,7 +6,7 @@ import { initiateOAuthFlow, initiateSignupFlow } from '@/lib/api/oauth'
 import { LoadingOverlay } from '@ciphera-net/ui'
 import SiteList from '@/components/sites/SiteList'
 import { Button } from '@ciphera-net/ui'
-import { BarChartIcon, LockIcon, LightningIcon } from '@ciphera-net/ui'
+import { BarChartIcon, LockIcon, ZapIcon } from '@ciphera-net/ui'
 
 export default function HomePage() {
   const { user, loading } = useAuth()
@@ -76,7 +76,7 @@ export default function HomePage() {
             </div>
             <div className="p-6 rounded-xl bg-neutral-50 dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800">
               <div className="w-12 h-12 bg-brand-orange/10 rounded-xl flex items-center justify-center mb-4 text-brand-orange">
-                <LightningIcon className="w-6 h-6" />
+                <ZapIcon className="w-6 h-6" />
               </div>
               <h3 className="text-xl font-bold text-neutral-900 dark:text-white mb-2">Lightweight</h3>
               <p className="text-neutral-600 dark:text-neutral-400">

app/share/[id]/page.tsx

@@ -12,7 +12,7 @@ import Locations from '@/components/dashboard/Locations'
 import TechSpecs from '@/components/dashboard/TechSpecs'
 import PerformanceStats from '@/components/dashboard/PerformanceStats'
 import { Select, DatePicker as DatePickerModal } from '@ciphera-net/ui'
-import { LightningIcon } from '@ciphera-net/ui'
+import { ZapIcon } from '@ciphera-net/ui'
 
 // Helper to get date ranges
 const getDateRange = (days: number) => {
@@ -105,7 +105,7 @@ export default function PublicDashboardPage() {
         <div className="max-w-md w-full bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-xl p-8 shadow-lg">
           <div className="text-center mb-6">
              <div className="w-12 h-12 bg-brand-orange/10 rounded-xl flex items-center justify-center mx-auto mb-4 text-brand-orange">
-              <LightningIcon className="w-6 h-6" />
+              <ZapIcon className="w-6 h-6" />
             </div>
             <h1 className="text-2xl font-bold text-neutral-900 dark:text-white mb-2">
               Protected Dashboard
@@ -254,7 +254,7 @@ export default function PublicDashboardPage() {
                 rel="noopener noreferrer"
                 className="hidden md:flex items-center gap-2 px-3 py-2 bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-lg text-sm text-neutral-600 dark:text-neutral-400 hover:text-brand-orange dark:hover:text-brand-orange transition-colors"
               >
-                <LightningIcon className="w-4 h-4" />
+                <ZapIcon className="w-4 h-4" />
                 <span>Powered by Ciphera</span>
               </a>
             </div>

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

@@ -19,7 +19,7 @@ import {
   CheckIcon,
   CopyIcon,
   AlertTriangleIcon,
-  LightningIcon,
+  ZapIcon,
 } from '@ciphera-net/ui'
 
 const TIMEZONES = [
@@ -359,7 +359,7 @@ export default function SiteSettingsPage() {
                         onClick={() => setShowVerificationModal(true)}
                         className="flex items-center gap-2 px-4 py-2 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-xl hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-all text-sm font-medium"
                       >
-                        <LightningIcon className="w-4 h-4" />
+                        <ZapIcon className="w-4 h-4" />
                         Verify Installation
                       </button>
                       <p className="text-xs text-neutral-500 dark:text-neutral-500">

components/sites/VerificationModal.tsx

@@ -8,7 +8,7 @@ import {
   ExternalLinkIcon, 
   CheckCircleIcon, 
   AlertTriangleIcon,
-  LightningIcon 
+  ZapIcon 
 } from '@ciphera-net/ui'
 import { Site } from '@/lib/api/sites'
 import { getRealtime } from '@/lib/api/stats'
@@ -121,7 +121,7 @@ export default function VerificationModal({ isOpen, onClose, site }: Verificatio
                   <div className="space-y-4">
                     <div className="p-4 rounded-xl bg-brand-orange/5 border border-brand-orange/10 flex gap-4">
                       <div className="p-2 bg-brand-orange/10 rounded-lg h-fit text-brand-orange">
-                        <LightningIcon className="w-5 h-5" />
+                        <ZapIcon className="w-5 h-5" />
                       </div>
                       <div className="space-y-1">
                         <h4 className="font-medium text-brand-orange">How this works</h4>