feat(admin): add notification audit and ghost accounts audit pages

Notification Audit (Phase 17):
- Health score dashboard, push/email failure breakdowns
- Failed subscriptions table with bulk select + disable action
- Email bounces table with type filtering
- DLQ viewer for push and email dead letter queues

Ghost Accounts Audit (Phase 15):
- Summary cards by ghost type (7 categories incl. anonymous)
- Ghost accounts table with filtering, sorting, bulk delete
- Smart deletion: auto-chooses hard vs soft based on FK impact
- Anonymous session cleanup with configurable age threshold
- Deletion impact modal before destructive actions

Navigation: added Audit section to sidebar with 2 new links
Types: 14 new interfaces for audit data structures
API: 14 new fetch functions for audit endpoints

Author: HMarzban

packages/admin-dashboard/src/components/layout/Sidebar.tsx

@@ -3,7 +3,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { LuLayoutDashboard, LuLogOut } from 'react-icons/lu'
 
-import { navItems } from '@/constants/navigation'
+import { auditItems, navItems } from '@/constants/navigation'
 import { supabase } from '@/lib/supabase'
 
 import { ThemeToggle } from './ThemeToggle'
@@ -46,6 +46,34 @@ export function Sidebar() {
             </Link>
           )
         })}
+
+        {/* Audit Section */}
+        {auditItems.length > 0 && (
+          <>
+            <div className="!mt-4 mb-1 px-3 text-xs font-semibold tracking-wider uppercase opacity-50">
+              Audit
+            </div>
+            {auditItems.map((item) => {
+              const isActive = router.pathname === item.href
+              const Icon = item.icon
+
+              return (
+                <Link
+                  key={item.href}
+                  href={item.href}
+                  className={clsx(
+                    'flex items-center gap-3 rounded-lg px-3 py-2 transition-colors',
+                    isActive
+                      ? 'bg-primary text-primary-content'
+                      : 'hover:bg-base-300 text-base-content'
+                  )}>
+                  <Icon className="h-5 w-5" />
+                  <span>{item.label}</span>
+                </Link>
+              )
+            })}
+          </>
+        )}
       </nav>
 
       {/* Footer */}

packages/admin-dashboard/src/constants/navigation.ts

@@ -3,8 +3,10 @@ import {
   LuActivity,
   LuBell,
   LuFileText,
+  LuGhost,
   LuLayoutDashboard,
   LuMessageSquare,
+  LuShieldAlert,
   LuUsers
 } from 'react-icons/lu'
 
@@ -14,6 +16,11 @@ export interface NavItem {
   icon: IconType
 }
 
+export interface NavSection {
+  title?: string
+  items: NavItem[]
+}
+
 /**
  * Navigation items for admin dashboard sidebar
  * Single source of truth - used by Sidebar and MobileMenu
@@ -26,3 +33,11 @@ export const navItems: NavItem[] = [
   { href: '/notifications', label: 'Notifications', icon: LuBell },
   { href: '/system', label: 'System', icon: LuActivity }
 ]
+
+/**
+ * Audit section items — grouped separately in sidebar
+ */
+export const auditItems: NavItem[] = [
+  { href: '/audit/notifications', label: 'Notification Audit', icon: LuShieldAlert },
+  { href: '/audit/ghost-accounts', label: 'Ghost Accounts', icon: LuGhost }
+]