feat: enhance tickets portal and admin flows

src/components/reports/sla-report.tsx

@@ -3,7 +3,6 @@
 import { useMemo } from "react"
 import { useQuery } from "convex/react"
 import { IconAlertTriangle, IconGraph, IconClockHour4 } from "@tabler/icons-react"
-// @ts-expect-error Convex runtime API lacks TypeScript declarations
 import { api } from "@/convex/_generated/api"
 import type { Id } from "@/convex/_generated/dataModel"
 import { useAuth } from "@/lib/auth-client"
@@ -29,7 +28,10 @@ export function SlaReport() {
     convexUserId ? { tenantId, viewerId: convexUserId as Id<"users"> } : "skip"
   )
 
-  const queueTotal = useMemo(() => data?.queueBreakdown.reduce((acc, queue) => acc + queue.open, 0) ?? 0, [data])
+  const queueTotal = useMemo(
+    () => data?.queueBreakdown.reduce((acc: number, queue: { open: number }) => acc + queue.open, 0) ?? 0,
+    [data]
+  )
 
   if (!data) {
     return (
@@ -104,7 +106,7 @@ export function SlaReport() {
             </p>
           ) : (
             <ul className="space-y-3">
-              {data.queueBreakdown.map((queue) => (
+            {data.queueBreakdown.map((queue: { id: string; name: string; open: number }) => (
                 <li key={queue.id} className="flex items-center justify-between gap-4 rounded-xl border border-slate-200 px-4 py-3">
                   <div className="flex flex-col">
                     <span className="text-sm font-medium text-neutral-900">{queue.name}</span>