feat: payment status badge in listing-card, webhook debug info, UX fixes

js/components/pages/page-listing.js

@@ -164,7 +164,7 @@ class PageListing extends HTMLElement {
             ? new Date(this.listing.date_created).toLocaleDateString()
             : ''
         
-        this.innerHTML = /* html */`
+         this.innerHTML = /* html */`
             <article class="listing-detail">
                 <!-- Two Column Layout -->
                 <div class="listing-layout">
@@ -1000,7 +1000,7 @@ style.textContent = /* css */`
         text-align: center;
     }
 
-    /* Payment Processing Badge */
+    /* Payment Processing Badge (sidebar) */
     page-listing .payment-processing-card {
         background: var(--color-bg-secondary);
         border: 1px solid var(--color-warning, #e6a700);