fix estimate table and expense items

apps/dashboard/app/(authenticated)/sales/invoice/page.tsx

@@ -1,11 +1,14 @@
 "use client"
 
+import Link from "next/link"
+import { UserIcon } from "lucide-react"
 import { useRouter } from "next/navigation"
 import { ResourcePage } from "@/shared/data-view/resource-page"
 import { ColumnHeader } from "@/shared/data-view/table-view"
 import FormDialog from "@/shared/components/form-dialog"
 import { InvoiceForm } from "@/modules/invoices/invoice-form"
 import { Badge } from "@/shared/components/ui/badge"
+import { Button } from "@/shared/components/ui/button"
 import { formatCurrency, formatDate, formatEnum } from "@/shared/utils/formatters"
 import { INVOICE_ROUTES } from "@garage/api"
 import type { InvoicesClient } from "@garage/api"
@@ -23,6 +26,7 @@ type InvoiceItem = {
     total?: number | string
     balance_due?: number | string
     customer?: {
+        id?: number | string
         first_name?: string
         last_name?: string
         company_name?: string
@@ -134,13 +138,20 @@ export default function InvoicesPage() {
                     cell: ({ row }) => {
                         const item = row.original as unknown as InvoiceItem
                         const customerLabel = getCustomerLabel(item)
+                        const subline = item.customer?.phone || item.customer?.company_name || "—"
 
                         return (
                             <div className="min-w-[190px]">
-                                <p className="font-medium leading-none">{customerLabel}</p>
-                                <p className="mt-1 text-xs text-muted-foreground">
-                                    {item.customer?.phone || item.customer?.company_name || "—"}
-                                </p>
+                                {item.customer?.id ? (
+                                    <Button variant="outline" asChild size="sm" onClick={(e) => e.stopPropagation()}>
+                                        <Link href={`/sales/customers/${item.customer.id}`}>
+                                            <UserIcon /> {customerLabel}
+                                        </Link>
+                                    </Button>
+                                ) : (
+                                    <p className="font-medium leading-none">{customerLabel}</p>
+                                )}
+                                <p className="mt-1 text-xs text-muted-foreground">{subline}</p>
                             </div>
                         )
                     },