refactor: fix memory leak in auth-modal, consolidate escapeHTML helper across 11 components

js/components/pages/page-my-listings.js

@@ -1,6 +1,7 @@
 import { t, i18n } from '../../i18n.js'
 import { directus } from '../../services/directus.js'
 import { auth } from '../../services/auth.js'
+import { escapeHTML } from '../../utils/helpers.js'
 import '../listing-card.js'
 import '../skeleton-card.js'
 
@@ -144,10 +145,10 @@ class PageMyListings extends HTMLElement {
                     ${statusBadge}
                     <listing-card 
                         listing-id="${listing.id}"
-                        title="${this.escapeHtml(listing.title || '')}"
+                        title="${escapeHTML(listing.title || '')}"
                         price="${listing.price || ''}"
                         currency="${listing.currency || 'EUR'}"
-                        location="${this.escapeHtml(locationName)}"
+                        location="${escapeHTML(locationName)}"
                         image="${imageUrl}"
                         owner-id="${listing.user_created || ''}"
                     ></listing-card>
@@ -155,12 +156,6 @@ class PageMyListings extends HTMLElement {
             `
         }).join('')
     }
-
-    escapeHtml(text) {
-        const div = document.createElement('div')
-        div.textContent = text
-        return div.innerHTML
-    }
 }
 
 customElements.define('page-my-listings', PageMyListings)