ui change to improve tag list load

app/static/js/tag-editor.js

@@ -13,30 +13,31 @@ document.addEventListener('DOMContentLoaded', () => {
 
   let currentTagCard = null;
 
-  // Open modal when edit button clicked
-  document.querySelectorAll('.tag-edit-btn').forEach(btn => {
-    btn.addEventListener('click', async (e) => {
-      e.preventDefault();
-      e.stopPropagation();
+  // Open modal when edit button clicked (using event delegation for infinite scroll)
+  document.addEventListener('click', async (e) => {
+    const btn = e.target.closest('.tag-edit-btn');
+    if (!btn) return;
 
-      const tagId = btn.dataset.tagId;
-      currentTagCard = btn.closest('.tag-card');
+    e.preventDefault();
+    e.stopPropagation();
 
-      // Fetch tag details
-      try {
-        const res = await fetch(`/api/tag/${tagId}`);
-        const data = await res.json();
+    const tagId = btn.dataset.tagId;
+    currentTagCard = btn.closest('.tag-card');
 
-        if (data.ok) {
-          tagIdInput.value = data.tag.id;
-          nameInput.value = data.tag.display_name;
-          kindSelect.value = data.tag.kind || 'user';
-          modal.classList.add('active');
-        }
-      } catch (err) {
-        console.error('Failed to load tag:', err);
+    // Fetch tag details
+    try {
+      const res = await fetch(`/api/tag/${tagId}`);
+      const data = await res.json();
+
+      if (data.ok) {
+        tagIdInput.value = data.tag.id;
+        nameInput.value = data.tag.display_name;
+        kindSelect.value = data.tag.kind || 'user';
+        modal.classList.add('active');
       }
-    });
+    } catch (err) {
+      console.error('Failed to load tag:', err);
+    }
   });
 
   // Close modal