Fix openUserDetailModal — avatar image no longer overwrites initial element

js/main.js

@@ -370,13 +370,25 @@ function saveProfile() {
 // ========================================
 function openUserDetailModal(user) {
   const avatar = document.getElementById('user-detail-avatar');
+  const avatarImg = avatar.querySelector('img');
+  const avatarInitial = document.getElementById('user-detail-initial');
   if (user.image) {
-    avatar.innerHTML = `<img src="${user.image}" alt="${user.username}">`;
+    if (avatarImg) {
+      avatarImg.src = user.image;
+      avatarImg.alt = user.username;
+      avatarImg.style.display = '';
+    } else {
+      const img = document.createElement('img');
+      img.src = user.image;
+      img.alt = user.username;
+      img.style.display = '';
+      avatar.appendChild(img);
+    }
+    avatarInitial.textContent = '';
   } else {
-    avatar.innerHTML = `<span class="user-avatar-text">${(user.username || '?').charAt(0).toUpperCase()}</span>`;
+    if (avatarImg) avatarImg.style.display = 'none';
+    avatarInitial.textContent = (user.username || '?').charAt(0).toUpperCase();
   }
-  
-  document.getElementById('user-detail-initial').textContent = '';
   document.getElementById('user-detail-username').textContent = '@' + (user.username || 'Unknown');
   
   const rank = getRank(user.posts || 0);