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) {