UI: Remove logo icon from header + replace guest avatar with profile silhouette SVG - Header now shows just 'بيان' text (no ب icon) - Guest avatar shows person silhouette instead of 'ض' letter - Both HTML default and JS auth-ui.js updated

src/index.html

@@ -58,7 +58,7 @@
        <button id="mobile-menu-btn" class="mobile-menu-btn md:hidden" aria-label="فتح القائمة" aria-expanded="false" aria-controls="mobile-drawer">
         <svg width="22" height="22" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
        </button>
-       <button onclick="showPage('home')" class="flex items-center gap-3" style="background:none;border:none;cursor:pointer;" aria-label="الرئيسية"><img src="/favicon.svg" alt="بيان" width="40" height="40" class="rounded-xl"><span id="nav-brand" class="text-xl md:text-2xl font-bold text-gradient">بيان</span></button>
+       <button onclick="showPage('home')" class="flex items-center gap-3" style="background:none;border:none;cursor:pointer;" aria-label="الرئيسية"><span id="nav-brand" class="text-xl md:text-2xl font-bold text-gradient">بيان</span></button>
       </div>
       <div class="hidden md:flex items-center gap-8">
        <button onclick="showPage('home')" class="nav-link active text-base font-medium" data-page="home">الرئيسية</button>
@@ -71,7 +71,7 @@
        <div id="auth-menu-wrap" class="auth-menu-wrap is-hidden">
         <div class="auth-dropdown">
          <button id="auth-menu-trigger" class="auth-menu-trigger" type="button" aria-label="قائمة الحساب" aria-haspopup="true" aria-expanded="false">
-          <span id="auth-avatar" class="auth-avatar" aria-hidden="true">ض</span>
+          <span id="auth-avatar" class="auth-avatar" aria-hidden="true"><svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg></span>
           <span id="auth-display-name" class="auth-display-name">ضيف</span>
           <span class="auth-menu-chevron" aria-hidden="true">▾</span>
          </button>

src/js/auth/auth-ui.js

@@ -160,7 +160,7 @@ function updateAuthUI(user) {
     if (menuWrap) menuWrap.classList.remove('is-hidden');
     if (nameEl) nameEl.textContent = 'ضيف';
     if (providerEl) providerEl.textContent = 'ضيف';
-    if (avatarEl) avatarEl.textContent = 'ض';
+    if (avatarEl) avatarEl.innerHTML = '<svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>';
     if (drawerName) drawerName.textContent = 'ضيف';
     if (drawerProvider) drawerProvider.textContent = '';
     // Show Google sign-in option, hide logout
@@ -193,7 +193,11 @@ function updateAuthUI(user) {
       img.referrerPolicy = 'no-referrer';
       avatarEl.appendChild(img);
     } else {
-      avatarEl.textContent = isGuestUser(user) ? 'ض' : displayName.charAt(0).toUpperCase();
+      if (isGuestUser(user)) {
+        avatarEl.innerHTML = '<svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>';
+      } else {
+        avatarEl.textContent = displayName.charAt(0).toUpperCase();
+      }
     }
   }