Ran prettier

frontend-web/src/components/dialogs/InvoiceDetailsDialog.tsx

@@ -18,7 +18,7 @@ const statusColors: Record<Invoice['status'], string> = {
   sent: 'text-blue-400',
   paid: 'text-green-400',
   overdue: 'text-red-400',
-  cancelled: 'text-gray-500',
+  cancelled: 'text-gray-500'
 };
 
 export default function InvoiceDetailsDialog({open, onOpenChange, invoice, clients}: Props) {
@@ -57,9 +57,7 @@ export default function InvoiceDetailsDialog({open, onOpenChange, invoice, clien
         <DialogHeader>
           <DialogTitle className="flex items-center justify-between">
             <span>Invoice {invoice.invoiceNumber}</span>
-            <span className={`text-sm font-normal capitalize ${statusColors[invoice.status]}`}>
-              {invoice.status}
-            </span>
+            <span className={`text-sm font-normal capitalize ${statusColors[invoice.status]}`}>{invoice.status}</span>
           </DialogTitle>
           <DialogDescription>View invoice details and update status</DialogDescription>
         </DialogHeader>
@@ -124,7 +122,7 @@ export default function InvoiceDetailsDialog({open, onOpenChange, invoice, clien
           {/* Status Update */}
           <div>
             <p className="text-xs text-muted-foreground mb-2">Update Status</p>
-            <Select value={selectedStatus} onValueChange={(v) => setSelectedStatus(v as Invoice['status'])}>
+            <Select value={selectedStatus} onValueChange={v => setSelectedStatus(v as Invoice['status'])}>
               <SelectTrigger className="input-depth">
                 <SelectValue />
               </SelectTrigger>
@@ -147,11 +145,7 @@ export default function InvoiceDetailsDialog({open, onOpenChange, invoice, clien
             <Button type="button" variant="secondary" onClick={() => onOpenChange(false)}>
               Close
             </Button>
-            <Button
-              type="button"
-              onClick={handleStatusChange}
-              disabled={selectedStatus === invoice.status}
-            >
+            <Button type="button" onClick={handleStatusChange} disabled={selectedStatus === invoice.status}>
               Update Status
             </Button>
           </div>