feat(settings): Phase 2 — all 15 tabs implemented

Site tabs:
- Visibility (public toggle, share link, password protection)
- Privacy (data collection toggles, geo level, retention info)
- Bot & Spam (filtering toggle, stats cards)
- Reports (scheduled reports + alert channels list with test/pause/delete)
- Integrations (GSC + BunnyCDN connect/disconnect cards)

Workspace tabs:
- Members (member list, invite form with role selector)
- Notifications (dynamic toggles from API categories)
- Audit Log (action log with timestamps)

Account tabs:
- Security (wraps existing ProfileSettings security tab)
- Devices (wraps existing TrustedDevicesCard + SecurityActivityCard)

No more "Coming soon" placeholders. All tabs are functional.

components/settings/unified/tabs/SiteVisibilityTab.tsx

@@ -0,0 +1,131 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button, Input, Toggle, toast, Spinner } from '@ciphera-net/ui'
+import { Copy, CheckCircle, Lock } from '@phosphor-icons/react'
+import { AnimatePresence, motion } from 'framer-motion'
+import { useSite } from '@/lib/swr/dashboard'
+import { updateSite } from '@/lib/api/sites'
+
+const APP_URL = process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3003'
+
+export default function SiteVisibilityTab({ siteId }: { siteId: string }) {
+  const { data: site, mutate } = useSite(siteId)
+  const [isPublic, setIsPublic] = useState(false)
+  const [password, setPassword] = useState('')
+  const [passwordEnabled, setPasswordEnabled] = useState(false)
+  const [saving, setSaving] = useState(false)
+  const [linkCopied, setLinkCopied] = useState(false)
+
+  useEffect(() => {
+    if (site) {
+      setIsPublic(site.is_public ?? false)
+      setPasswordEnabled(site.has_password ?? false)
+    }
+  }, [site])
+
+  const handleSave = async () => {
+    setSaving(true)
+    try {
+      await updateSite(siteId, {
+        name: site?.name || '',
+        is_public: isPublic,
+        password: passwordEnabled ? password : undefined,
+        clear_password: !passwordEnabled,
+      })
+      setPassword('')
+      await mutate()
+      toast.success('Visibility updated')
+    } catch {
+      toast.error('Failed to save')
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  const copyLink = () => {
+    navigator.clipboard.writeText(`${APP_URL}/share/${siteId}`)
+    setLinkCopied(true)
+    toast.success('Link copied')
+    setTimeout(() => setLinkCopied(false), 2000)
+  }
+
+  if (!site) return <div className="flex items-center justify-center py-12"><Spinner className="w-6 h-6 text-neutral-500" /></div>
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-base font-semibold text-white mb-1">Visibility</h3>
+        <p className="text-sm text-neutral-400">Control who can see your analytics dashboard.</p>
+      </div>
+
+      {/* Public toggle */}
+      <div className="flex items-center justify-between py-3 px-4 rounded-xl bg-neutral-800/30 border border-neutral-800">
+        <div>
+          <p className="text-sm font-medium text-white">Public Dashboard</p>
+          <p className="text-xs text-neutral-400">Allow anyone with the link to view this dashboard.</p>
+        </div>
+        <Toggle checked={isPublic} onChange={() => setIsPublic(p => !p)} />
+      </div>
+
+      <AnimatePresence>
+        {isPublic && (
+          <motion.div
+            initial={{ opacity: 0, height: 0 }}
+            animate={{ opacity: 1, height: 'auto' }}
+            exit={{ opacity: 0, height: 0 }}
+            className="space-y-4 overflow-hidden"
+          >
+            {/* Share link */}
+            <div>
+              <label className="block text-sm font-medium text-neutral-300 mb-1.5">Public Link</label>
+              <div className="flex gap-2">
+                <Input value={`${APP_URL}/share/${siteId}`} readOnly className="font-mono text-xs" />
+                <Button onClick={copyLink} variant="secondary" className="shrink-0 text-sm gap-1.5">
+                  {linkCopied ? <CheckCircle weight="bold" className="w-3.5 h-3.5" /> : <Copy weight="bold" className="w-3.5 h-3.5" />}
+                  {linkCopied ? 'Copied' : 'Copy'}
+                </Button>
+              </div>
+            </div>
+
+            {/* Password protection */}
+            <div className="flex items-center justify-between py-3 px-4 rounded-xl bg-neutral-800/30 border border-neutral-800">
+              <div className="flex items-center gap-2">
+                <Lock weight="bold" className="w-4 h-4 text-neutral-500" />
+                <div>
+                  <p className="text-sm font-medium text-white">Password Protection</p>
+                  <p className="text-xs text-neutral-400">Require a password to view the public dashboard.</p>
+                </div>
+              </div>
+              <Toggle checked={passwordEnabled} onChange={() => setPasswordEnabled(p => !p)} />
+            </div>
+
+            <AnimatePresence>
+              {passwordEnabled && (
+                <motion.div
+                  initial={{ opacity: 0, height: 0 }}
+                  animate={{ opacity: 1, height: 'auto' }}
+                  exit={{ opacity: 0, height: 0 }}
+                  className="overflow-hidden"
+                >
+                  <Input
+                    type="password"
+                    value={password}
+                    onChange={e => setPassword(e.target.value)}
+                    placeholder={site.has_password ? 'Leave empty to keep current password' : 'Set a password'}
+                  />
+                </motion.div>
+              )}
+            </AnimatePresence>
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      <div className="flex justify-end pt-2">
+        <Button onClick={handleSave} variant="primary" disabled={saving}>
+          {saving ? 'Saving...' : 'Save Changes'}
+        </Button>
+      </div>
+    </div>
+  )
+}