헤더 사용자 영역 로그아웃 복원

frontend/public/app.js

@@ -81,7 +81,7 @@ function renderAuth() {
   if (authenticated) {
     const displayName = session.user.display_name || "접속자";
     const rank = "-";
-    userBadge.innerHTML = `<span class="user-chip-icon">◎</span><span class="user-chip-text"><strong>${displayName}</strong><em>${rank}</em></span>`;
+    userBadge.innerHTML = `<span class="user-chip-icon">◎</span><span class="user-chip-text"><strong>${displayName}</strong><em>${rank}</em></span><span class="user-chip-caret" aria-hidden="true">▾</span>`;
     userBadge.title = `${displayName} / -`;
     if (userPopover) {
       userPopover.innerHTML = `
@@ -127,14 +127,6 @@ if (loginForm) {
   });
 }
 
-if (logoutBtn) {
-  logoutBtn.addEventListener("click", () => {
-    clearSession();
-    hideUserPopover();
-    renderAuth();
-  });
-}
-
 if (userBadge) {
   userBadge.addEventListener("click", (event) => {
     event.stopPropagation();
@@ -142,6 +134,15 @@ if (userBadge) {
   });
 }
 
+if (logoutBtn) {
+  logoutBtn.addEventListener("click", (event) => {
+    event.stopPropagation();
+    clearSession();
+    hideUserPopover();
+    renderAuth();
+  });
+}
+
 navButtons.forEach((button) => {
   button.addEventListener("click", () => {
     hideUserPopover();