fix: resolve all lint errors and type issues across codebase

Remove unused imports, variables, and destructured props. Replace
`catch (e: any)` with `catch (e: unknown)` and proper type narrowing.
Add eslint-disable comments for intentional patterns (satori img
elements, hydration guards, mount-only useEffects). Type the OG image
fonts array with exact literal types to satisfy @vercel/og FontOptions.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: devakone

apps/web/src/app/admin/AdminClient.tsx

@@ -32,7 +32,7 @@ export default function AdminClient({
 }: {
   initialReports: CoverageReport[];
 }) {
-  const [reports, setReports] = useState<CoverageReport[]>(initialReports);
+  const [reports] = useState<CoverageReport[]>(initialReports);
   const [isPending, startTransition] = useTransition();
   const [stepSize, setStepSize] = useState(20);
   const [notes, setNotes] = useState("");

apps/web/src/app/admin/users/[userId]/page.tsx

@@ -24,7 +24,7 @@ export default async function AdminUserDetailPage({
   }
 
   const { userId } = await params;
-  const { success, user, error } = await getAdminUserDetail(userId);
+  const { success, user } = await getAdminUserDetail(userId);
 
   if (!success || !user) {
     notFound();
@@ -43,6 +43,7 @@ export default async function AdminUserDetailPage({
           </Link>
           <div className="mt-4 flex items-center gap-4">
             {user.avatar_url ? (
+              /* eslint-disable-next-line @next/next/no-img-element -- admin page, external avatar URL */
               <img
                 src={user.avatar_url}
                 alt=""

apps/web/src/app/admin/users/page.tsx

@@ -67,6 +67,7 @@ export default async function AdminUsersPage({
                   <td className="px-4 py-3">
                     <div className="flex items-center gap-3">
                       {user.avatar_url ? (
+                        /* eslint-disable-next-line @next/next/no-img-element -- admin page, external avatar URL */
                         <img
                           src={user.avatar_url}
                           alt=""

apps/web/src/app/api/share/[format]/[userId]/route.tsx

@@ -98,8 +98,8 @@ export async function GET(
     // -------------------------------------------------------------------------
     // Metric Computation
     // -------------------------------------------------------------------------
-    const axes = profile.axes_json as any;
-    const narrative = profile.narrative_json as any;
+    const axes = profile.axes_json as Record<string, { score: number }> | null;
+    const narrative = profile.narrative_json as { insight?: string; summary?: string } | null;
 
     let metrics = {
       strongest: "N/A",
@@ -166,9 +166,9 @@ export async function GET(
     // Resolve fonts
     const [fontDataNormal, fontDataBold] = await Promise.all([fontNormalPromise, fontBoldPromise]);
 
-    const fonts: any[] = [];
-    if (fontDataNormal) fonts.push({ name: "Space Grotesk", data: fontDataNormal, style: "normal", weight: 400 });
-    if (fontDataBold) fonts.push({ name: "Space Grotesk", data: fontDataBold, style: "normal", weight: 700 });
+    const fonts: Array<{ name: string; data: ArrayBuffer; style: "normal" | "italic"; weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 }> = [];
+    if (fontDataNormal) fonts.push({ name: "Space Grotesk", data: fontDataNormal, style: "normal" as const, weight: 400 as const });
+    if (fontDataBold) fonts.push({ name: "Space Grotesk", data: fontDataBold, style: "normal" as const, weight: 700 as const });
 
     const paddingX = 60 * scale;
     const paddingY = 60 * scale;
@@ -267,6 +267,7 @@ export async function GET(
             </div>
 
             {/* Icon (Top Right) */}
+            {/* eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text -- OG image generation uses satori which requires <img> */}
             <img
               src={iconUrl}
               width={140 * scale}
@@ -395,8 +396,10 @@ export async function GET(
         fonts: fonts.length > 0 ? fonts : undefined,
       }
     );
-  } catch (e: any) {
+  } catch (e: unknown) {
     console.error("API Error detailed:", e);
-    return new Response(`Server Error: ${e.message}\n${e.stack}`, { status: 500 });
+    const message = e instanceof Error ? e.message : "Unknown error";
+    const stack = e instanceof Error ? e.stack : "";
+    return new Response(`Server Error: ${message}\n${stack}`, { status: 500 });
   }
 }

apps/web/src/app/settings/llm-keys/LLMKeysClient.tsx

@@ -32,7 +32,8 @@ interface LLMKeysResponse {
 export default function LLMKeysClient() {
   const [keys, setKeys] = useState<LLMKey[]>([]);
   const [providers, setProviders] = useState<SupportedProvider[]>([]);
-  const [platformLimits, setPlatformLimits] = useState<LLMKeysResponse["platformLimits"] | null>(null);
+  // platformLimits stored for future UI use
+  const [, setPlatformLimits] = useState<LLMKeysResponse["platformLimits"] | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
@@ -54,10 +55,8 @@ export default function LLMKeysClient() {
   const [testingId, setTestingId] = useState<string | null>(null);
   const [testResult, setTestResult] = useState<{ id: string; valid: boolean; error?: string } | null>(null);
 
-  useEffect(() => {
-    fetchKeys();
-    fetchOptInStatus();
-  }, []);
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- initial fetch on mount only
+  useEffect(() => { fetchKeys(); fetchOptInStatus(); }, []);
 
   async function fetchOptInStatus() {
     setOptInLoading(true);

apps/web/src/app/settings/llm-keys/page.tsx

@@ -1,5 +1,4 @@
 import { redirect } from "next/navigation";
-import Link from "next/link";
 import { createSupabaseServerClient } from "@/lib/supabase/server";
 import { wrappedTheme } from "@/lib/theme";
 import LLMKeysClient from "./LLMKeysClient";

apps/web/src/components/notifications/NotificationDropdown.tsx

@@ -20,13 +20,10 @@ import {
 export function NotificationDropdown() {
   const { jobs, unreadReportIds, unreadCount, markReportAsRead, markAllAsRead, isPolling } = useJobs();
   const [isOpen, setIsOpen] = useState(false);
+  // Track client-side mount to avoid hydration mismatch from Radix UI's random ID generation
   const [hasMounted, setHasMounted] = useState(false);
-
-  // Only render the full component on the client to avoid hydration mismatch
-  // from Radix UI's random ID generation
-  useEffect(() => {
-    setHasMounted(true);
-  }, []);
+  // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional hydration guard pattern
+  useEffect(() => { setHasMounted(true); }, []);
 
   // Sort jobs: in-progress first, then by date
   const sortedJobs = [...jobs].sort((a, b) => {

apps/web/src/components/share/ShareActions.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect } from "react";
 import { Copy, Check, Link2, Share2, Download, FileText } from "lucide-react";
-import { SHARE_FORMATS, downloadSharePng, downloadShareSvg, downloadBlob } from "./share-image";
+import { SHARE_FORMATS, downloadBlob } from "./share-image";
 import type { ShareActionsProps, ShareFormat } from "./types";
 
 // Brand icons (Lucide doesn't include these)
@@ -47,7 +47,6 @@ export function ShareActions({
   shareTemplate,
   entityId,
   disabled = false,
-  storyEndpoint,
   shareJson,
 }: ShareActionsProps) {
   const [copied, setCopied] = useState(false);
@@ -165,11 +164,12 @@ export function ShareActions({
           url: shareUrl,
         });
       }
-    } catch (e: any) {
+    } catch (e: unknown) {
       // User cancelled or share failed
-      if (e.name !== "AbortError" && e.name !== "NotAllowedError") {
+      const err = e instanceof Error ? e : null;
+      if (err && err.name !== "AbortError" && err.name !== "NotAllowedError") {
         console.error("Share failed:", e);
-        setDownloadError("share_failed"); 
+        setDownloadError("share_failed");
       }
     } finally {
       setDownloading(false);

apps/web/src/components/vcp/blocks/VCPAxesGrid.tsx

@@ -1,5 +1,5 @@
 import { cn } from "@/lib/utils";
-import type { VCPAxesGridProps, AxisKey } from "../types";
+import type { VCPAxesGridProps } from "../types";
 import { VCPProgressBar } from "../primitives";
 import { AXIS_METADATA, AXIS_ORDER } from "../constants";
 import { AxisInfoTooltip } from "../AxisInfoTooltip";
@@ -24,7 +24,7 @@ export function VCPAxesGrid({
   if (layout === "list") {
     return (
       <div className={cn("space-y-4", className)}>
-        {axisEntries.map(({ key, score, level, meta }) => (
+        {axisEntries.map(({ key, score, meta }) => (
           <div key={key} className="space-y-1">
             <div className="flex items-center justify-between text-sm">
               <div className="flex items-center gap-1">
@@ -50,7 +50,7 @@ export function VCPAxesGrid({
         className
       )}
     >
-      {axisEntries.map(({ key, score, level, meta }) => (
+      {axisEntries.map(({ key, score, meta }) => (
         <div
           key={key}
           className="rounded-xl bg-white/5 p-4"

apps/web/src/components/vcp/blocks/VCPNarrativeSection.tsx

@@ -1,4 +1,3 @@
-import { cn } from "@/lib/utils";
 import type { VCPNarrativeSectionProps } from "../types";
 import { VCPSection, VCPInsightBox } from "../primitives";