fix: correct JSX structure in card header\n\nProperly wrap badge and PayPal button in flex container.

app/(app)/payments/payments-client.tsx

@@ -154,6 +154,7 @@ export function PaymentsClient({ payments: initialPayments, members, integration
                   <p className={`font-mono text-[10px] tracking-widest font-bold ${platformColors[platform]}`}>
                     {platform.toUpperCase()}
                   </p>
+                  <div className="flex items-center gap-2">
                     {platform !== 'cash' && (
                       <span className={`font-mono text-[10px] px-1.5 py-0.5 rounded border ${
                         integration?.is_connected ? 'text-primary border-primary/30 bg-primary/5' : 'text-muted-foreground border-border bg-muted'
@@ -172,6 +173,7 @@ export function PaymentsClient({ payments: initialPayments, members, integration
                       </button>
                     )}
                   </div>
+                </div>
                 <p className="text-2xl font-sans font-bold text-foreground">${total.toFixed(0)}</p>
                 <p className="font-mono text-[10px] text-muted-foreground mt-1">
                   {txs.length} tx{txs.length !== 1 ? 's' : ''} · {unlinked} unlinked