fix: resolve majority of lint errors across codebase

- Remove unused imports from page.tsx, clients/page.tsx, invoices/page.tsx
- Remove unused imports from invoice-form.tsx, invoice-workspace.tsx
- Move CustomTooltip outside component in revenue-chart.tsx (fixes react-hooks/static-components)
- Fix type safety in umami.ts (any -> unknown)
- Fix type safety in sidebar-provider.tsx (add type assertion)
- Add no-op comments to empty fallback functions in animation-preferences-provider.tsx
- Fix type safety in invoice-workspace.tsx (any[] -> typed array)

Note: dashboard/page.tsx still has ~55 type safety warnings related to 'any' types
in stats/invoice data. These are pre-existing and would require significant refactoring
of the dashboard data flow to properly type. TypeScript compilation passes.

src/app/dashboard/_components/revenue-chart.tsx

@@ -10,13 +10,7 @@ import {
 } from "recharts";
 import { useAnimationPreferences } from "~/components/providers/animation-preferences-provider";
 
-interface Invoice {
+
-  id: string;
-  totalAmount: number;
-  issueDate: Date | string;
-  status: string;
-  dueDate: Date | string;
-}
 
 interface RevenueChartProps {
   data: {
@@ -26,6 +20,41 @@ interface RevenueChartProps {
   }[];
 }
 
+const CustomTooltip = ({
+  active,
+  payload,
+  label,
+}: {
+  active?: boolean;
+  payload?: Array<{ payload: { revenue: number } }>;
+  label?: string;
+}) => {
+  const formatCurrency = (value: number) => {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0,
+    }).format(value);
+  };
+
+  if (active && payload?.length) {
+    const data = payload[0]!.payload;
+    return (
+      <div className="bg-card border-border rounded-lg border p-3 shadow-lg">
+        <p className="font-medium">{label}</p>
+        <p style={{ color: "hsl(0, 0%, 60%)" }}>
+          Revenue: {formatCurrency(data.revenue)}
+        </p>
+        <p className="text-muted-foreground text-sm">
+          {/* Count not available in aggregated view currently */}
+        </p>
+      </div>
+    );
+  }
+  return null;
+};
+
 export function RevenueChart({ data }: RevenueChartProps) {
   // Use data directly
   const chartData = data;
@@ -39,32 +68,6 @@ export function RevenueChart({ data }: RevenueChartProps) {
     }).format(value);
   };
 
-  const CustomTooltip = ({
-    active,
-    payload,
-    label,
-  }: {
-    active?: boolean;
-    payload?: Array<{ payload: { revenue: number } }>;
-    label?: string;
-  }) => {
-    if (active && payload?.length) {
-      const data = payload[0]!.payload;
-      return (
-        <div className="bg-card border-border rounded-lg border p-3 shadow-lg">
-          <p className="font-medium">{label}</p>
-          <p style={{ color: "hsl(0, 0%, 60%)" }}>
-            Revenue: {formatCurrency(data.revenue)}
-          </p>
-          <p className="text-muted-foreground text-sm">
-            {/* Count not available in aggregated view currently */}
-          </p>
-        </div>
-      );
-    }
-    return null;
-  };
-
   const { prefersReducedMotion, animationSpeedMultiplier } =
     useAnimationPreferences();
   if (chartData.length === 0) {

src/app/dashboard/clients/page.tsx

@@ -4,7 +4,6 @@ import { PageHeader } from "~/components/layout/page-header";
 import { Button } from "~/components/ui/button";
 import { HydrateClient } from "~/trpc/server";
 import { ClientsTable } from "./_components/clients-table";
-import { Card, CardContent } from "~/components/ui/card";
 
 export default async function ClientsPage() {
   return (

src/app/dashboard/invoices/page.tsx

@@ -6,7 +6,6 @@ import { PageHeader } from "~/components/layout/page-header";
 import { Plus, Upload } from "lucide-react";
 import { InvoicesDataTable } from "./_components/invoices-data-table";
 import { DataTableSkeleton } from "~/components/data/data-table";
-import { Card, CardContent } from "~/components/ui/card";
 
 // Invoices Table Component
 async function InvoicesTable() {

src/app/page.tsx

@@ -11,7 +11,6 @@ import {
   Shield,
   BarChart3,
   Rocket,
-  ChevronRight,
 } from "lucide-react";
 
 export default function HomePage() {

src/components/forms/invoice-form.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
 import { Button } from "~/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card";

src/components/forms/invoice/invoice-workspace.tsx

@@ -3,9 +3,7 @@
 import * as React from "react";
 import { cn } from "~/lib/utils";
 import { Button } from "~/components/ui/button";
-import { Card, CardContent } from "~/components/ui/card";
+import { List, Calendar as CalendarIcon } from "lucide-react";
-import { ScrollArea } from "~/components/ui/scroll-area";
-import { List, Calendar as CalendarIcon, Plus } from "lucide-react";
 import { InvoiceLineItems } from "../invoice-line-items";
 import { InvoiceCalendarView } from "../invoice-calendar-view";
 import type { InvoiceFormData } from "./types";
@@ -19,7 +17,7 @@ interface InvoiceWorkspaceProps {
     updateItem: (index: number, field: string, value: string | number | Date) => void;
     moveItemUp: (index: number) => void;
     moveItemDown: (index: number) => void;
-    reorderItems: (items: any[]) => void;
+    reorderItems: (items: InvoiceFormData['items']) => void;
     className?: string;
 }
 

src/components/layout/sidebar-provider.tsx

@@ -20,7 +20,7 @@ export function SidebarProvider({ children }: { children: React.ReactNode }) {
     React.useEffect(() => {
         const saved = localStorage.getItem("sidebar-collapsed");
         if (saved) {
-            setIsCollapsed(JSON.parse(saved));
+            setIsCollapsed(JSON.parse(saved) as boolean);
         }
     }, []);
 

src/components/providers/animation-preferences-provider.tsx

@@ -403,9 +403,9 @@ export function useAnimationPreferences(): AnimationPreferencesContextValue {
     return {
       prefersReducedMotion: false,
       animationSpeedMultiplier: 1,
-      updatePreferences: () => { },
+      updatePreferences: () => { /* no-op fallback */ },
-      setPrefersReducedMotion: () => { },
+      setPrefersReducedMotion: () => { /* no-op fallback */ },
-      setAnimationSpeedMultiplier: () => { },
+      setAnimationSpeedMultiplier: () => { /* no-op fallback */ },
       isUpdating: false,
       lastSyncedAt: null,
     };

src/server/umami.ts

@@ -10,14 +10,14 @@ type UmamiPayload = {
         url: string;
         website: string;
         name: string;
-        data?: Record<string, any>;
+        data?: Record<string, unknown>;
     };
     type: "event";
 };
 
 export async function trackServerEvent(
     eventName: string,
-    eventData?: Record<string, any>,
+    eventData?: Record<string, unknown>,
 ) {
     if (!env.NEXT_PUBLIC_UMAMI_WEBSITE_ID || !env.NEXT_PUBLIC_UMAMI_SCRIPT_URL) {
         console.warn("Umami not configured, skipping server-side event tracking");