Phase 1: Fix remaining button inconsistencies across all pages

app/sites/[id]/funnels/[funnelId]/page.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useParams, useRouter } from 'next/navigation'
 import { ApiError } from '@/lib/api/client'
 import { getFunnel, getFunnelStats, deleteFunnel, type Funnel, type FunnelStats } from '@/lib/api/funnels'
-import { toast, LoadingOverlay, Select, DatePicker, ChevronLeftIcon, ArrowRightIcon, TrashIcon, useTheme } from '@ciphera-net/ui'
+import { toast, LoadingOverlay, Select, DatePicker, ChevronLeftIcon, ArrowRightIcon, TrashIcon, useTheme, Button } from '@ciphera-net/ui'
 import Link from 'next/link'
 import {
   BarChart,
@@ -107,8 +107,10 @@ export default function FunnelReportPage() {
     return (
       <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
         <p className="text-neutral-600 dark:text-neutral-400">Access denied</p>
-        <Link href={`/sites/${siteId}/funnels`} className="btn-primary mt-4 inline-block">
-          Back to Funnels
+        <Link href={`/sites/${siteId}/funnels`}>
+          <Button variant="primary" className="mt-4">
+            Back to Funnels
+          </Button>
         </Link>
       </div>
     )
@@ -118,9 +120,9 @@ export default function FunnelReportPage() {
     return (
       <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 py-8">
         <p className="text-neutral-600 dark:text-neutral-400 mb-4">Unable to load funnel</p>
-        <button type="button" onClick={() => loadData()} className="btn-primary">
+        <Button type="button" onClick={() => loadData()} variant="primary">
           Try again
-        </button>
+        </Button>
       </div>
     )
   }

app/sites/[id]/funnels/new/page.tsx

@@ -215,16 +215,15 @@ export default function CreateFunnelPage() {
         </div>
 
         <div className="flex justify-end gap-4">
-          <Link
-            href={`/sites/${siteId}/funnels`}
-            className="btn-secondary"
-          >
-            Cancel
+          <Link href={`/sites/${siteId}/funnels`}>
+            <Button variant="secondary">
+              Cancel
+            </Button>
           </Link>
           <Button
             type="submit"
             disabled={saving}
-            className="btn-primary"
+            variant="primary"
           >
             {saving ? 'Creating...' : 'Create Funnel'}
           </Button>

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

@@ -3,7 +3,7 @@
 import { useCallback, useEffect, useState } from 'react'
 import { useParams, useRouter } from 'next/navigation'
 import { listFunnels, deleteFunnel, type Funnel } from '@/lib/api/funnels'
-import { toast, LoadingOverlay, PlusIcon, ArrowRightIcon, ChevronLeftIcon, TrashIcon } from '@ciphera-net/ui'
+import { toast, LoadingOverlay, PlusIcon, ArrowRightIcon, ChevronLeftIcon, TrashIcon, Button } from '@ciphera-net/ui'
 import Link from 'next/link'
 
 export default function FunnelsPage() {
@@ -66,12 +66,11 @@ export default function FunnelsPage() {
             </p>
           </div>
           <div className="ml-auto">
-            <Link
-              href={`/sites/${siteId}/funnels/new`}
-              className="btn-primary inline-flex items-center gap-2"
-            >
-              <PlusIcon className="w-4 h-4" />
-              <span>Create Funnel</span>
+            <Link href={`/sites/${siteId}/funnels/new`}>
+              <Button variant="primary" className="inline-flex items-center gap-2">
+                <PlusIcon className="w-4 h-4" />
+                <span>Create Funnel</span>
+              </Button>
             </Link>
           </div>
         </div>
@@ -87,12 +86,11 @@ export default function FunnelsPage() {
             <p className="text-neutral-600 dark:text-neutral-400 mb-6 max-w-md mx-auto">
               Create a funnel to track how users move through your site and where they drop off.
             </p>
-            <Link
-              href={`/sites/${siteId}/funnels/new`}
-              className="btn-primary inline-flex items-center gap-2"
-            >
-              <PlusIcon className="w-4 h-4" />
-              <span>Create Funnel</span>
+            <Link href={`/sites/${siteId}/funnels/new`}>
+              <Button variant="primary" className="inline-flex items-center gap-2">
+                <PlusIcon className="w-4 h-4" />
+                <span>Create Funnel</span>
+              </Button>
             </Link>
           </div>
         ) : (

app/sites/[id]/page.tsx

@@ -8,7 +8,7 @@ import { getStats, getRealtime, getDailyStats, getTopPages, getTopReferrers, get
 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 { LoadingOverlay, Button } from '@ciphera-net/ui'
 import { Select, DatePicker, DownloadIcon } from '@ciphera-net/ui'
 import ExportModal from '@/components/dashboard/ExportModal'
 import ContentStats from '@/components/dashboard/ContentStats'
@@ -297,19 +297,21 @@ export default function SiteDashboardPage() {
                 { value: 'custom', label: 'Custom' },
               ]}
             />
-            <button
+            <Button
               onClick={() => router.push(`/sites/${siteId}/funnels`)}
-              className="btn-secondary text-sm"
+              variant="secondary"
+              className="text-sm"
             >
               Funnels
-            </button>
+            </Button>
             {canEdit && (
-            <button
+            <Button
               onClick={() => router.push(`/sites/${siteId}/settings`)}
-              className="btn-secondary text-sm"
+              variant="secondary"
+              className="text-sm"
             >
               Settings
-            </button>
+            </Button>
             )}
           </div>
         </div>