fix paid coloum

client/pages/TrackerPage.jsx

@@ -456,6 +456,13 @@ function PaymentProgress({ row, threshold, onOpen, compact = false }) {
       ? 'bg-amber-500'
       : 'bg-muted-foreground/40';
 
+  const amountLabel = (() => {
+    if (summary.paid === 0) return '—';
+    if (summary.overpaid > 0) return `${fmt(summary.paidTowardDue)} · overpaid`;
+    if (summary.remaining > 0) return `${fmt(summary.paidTowardDue)} paid`;
+    return fmt(summary.paidTowardDue);
+  })();
+
   return (
     <button
       type="button"
@@ -468,11 +475,11 @@ function PaymentProgress({ row, threshold, onOpen, compact = false }) {
     >
       <div className="flex items-center justify-between gap-2 text-xs">
         <span className={cn('font-mono', summary.paid > 0 ? 'text-emerald-500' : 'text-muted-foreground')}>
-          {summary.paid > 0 ? `${fmt(summary.paidTowardDue)} of ${fmt(summary.target)}` : `Paid ${fmt(0)} of ${fmt(summary.target)}`}
+          {amountLabel}
         </span>
         {summary.count > 1 && (
           <span className="shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
-            {summary.count} payments
+            {summary.count}×
           </span>
         )}
       </div>
@@ -482,16 +489,6 @@ function PaymentProgress({ row, threshold, onOpen, compact = false }) {
           style={{ width: `${summary.percent}%` }}
         />
       </div>
-      <div className="mt-1 flex items-center justify-between gap-2 text-[11px] text-muted-foreground">
-        <span>{summary.percent}%</span>
-        <span>
-          {summary.overpaid > 0
-            ? `${fmt(summary.overpaid)} overpaid`
-            : summary.remaining > 0
-              ? `${fmt(summary.remaining)} remaining`
-              : 'Paid in full'}
-        </span>
-      </div>
     </button>
   );
 }