Fix all ESLint errors: remove unused imports, replace any types

- Remove ~60 unused imports and variables across 88 files
- Replace ~80 `any` type annotations with proper types (unknown,
  Record<string, unknown>, or specific types)
- Prefix unused callback args with underscore
- Fix unescaped JSX entities
- Lint now passes cleanly (0 errors, 2 intentional img warnings)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/expenses/expense-columns.tsx

@@ -31,12 +31,6 @@ export interface ExpenseRow {
   createdAt: string;
 }
 
-const PAYMENT_STATUS_VARIANTS: Record<string, string> = {
-  unpaid: 'destructive',
-  paid: 'default',
-  partial: 'secondary',
-};
-
 const PAYMENT_STATUS_COLORS: Record<string, string> = {
   unpaid: 'bg-red-100 text-red-700 border-red-200',
   paid: 'bg-green-100 text-green-700 border-green-200',

src/components/expenses/expense-detail.tsx

@@ -8,16 +8,6 @@ import { Loader2, Receipt, Edit, Archive } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Label } from '@/components/ui/label';
-import { Input } from '@/components/ui/input';
-import { Textarea } from '@/components/ui/textarea';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select';
 import { ArchiveConfirmDialog } from '@/components/shared/archive-confirm-dialog';
 import { apiFetch } from '@/lib/api/client';
 import type { ExpenseRow } from './expense-columns';

src/components/expenses/expense-form-dialog.tsx

@@ -43,7 +43,6 @@ export function ExpenseFormDialog({ open, onOpenChange, expense }: ExpenseFormDi
     register,
     handleSubmit,
     setValue,
-    watch,
     reset,
     formState: { errors, isSubmitting },
   } = useForm<CreateExpenseInput>({
@@ -60,11 +59,11 @@ export function ExpenseFormDialog({ open, onOpenChange, expense }: ExpenseFormDi
         establishmentName: expense.establishmentName ?? undefined,
         amount: Number(expense.amount),
         currency: expense.currency,
-        category: expense.category as any,
-        paymentMethod: expense.paymentMethod as any,
+        category: expense.category as string,
+        paymentMethod: expense.paymentMethod as string,
         payer: expense.payer ?? undefined,
         expenseDate: new Date(expense.expenseDate),
-        paymentStatus: (expense.paymentStatus as any) ?? 'unpaid',
+        paymentStatus: (expense.paymentStatus as string) ?? 'unpaid',
       });
     } else if (open && !expense) {
       reset({
@@ -162,7 +161,7 @@ export function ExpenseFormDialog({ open, onOpenChange, expense }: ExpenseFormDi
           <div className="space-y-2">
             <Label htmlFor="category">Category</Label>
             <Select
-              onValueChange={(v) => setValue('category', v as any)}
+              onValueChange={(v) => setValue('category', v as string)}
               defaultValue={expense?.category ?? undefined}
             >
               <SelectTrigger id="category">
@@ -181,7 +180,7 @@ export function ExpenseFormDialog({ open, onOpenChange, expense }: ExpenseFormDi
           <div className="space-y-2">
             <Label htmlFor="paymentMethod">Payment Method</Label>
             <Select
-              onValueChange={(v) => setValue('paymentMethod', v as any)}
+              onValueChange={(v) => setValue('paymentMethod', v as string)}
               defaultValue={expense?.paymentMethod ?? undefined}
             >
               <SelectTrigger id="paymentMethod">
@@ -209,7 +208,7 @@ export function ExpenseFormDialog({ open, onOpenChange, expense }: ExpenseFormDi
           <div className="space-y-2">
             <Label htmlFor="paymentStatus">Payment Status</Label>
             <Select
-              onValueChange={(v) => setValue('paymentStatus', v as any)}
+              onValueChange={(v) => setValue('paymentStatus', v as 'unpaid' | 'paid' | 'partial')}
               defaultValue={expense?.paymentStatus ?? 'unpaid'}
             >
               <SelectTrigger id="paymentStatus">