refactor: 네비게이션 헤더 최신 디자인으로 전면 개편 및 로그인 버그 수정

- fix: 로그인 API에서 user.role_name 필드 올바르게 사용 (auth.service.js)
- refactor: navbar 컴포넌트를 최신 dashboard-header 스타일로 전환
- refactor: 구버전 work-report-header 제거 (6개 페이지)
- refactor: load-navbar.js를 최신 헤더 구조에 맞게 업데이트
- style: 파란색 그라데이션 헤더, 실시간 시계, 향상된 프로필 메뉴
- docs: 2026-01-20 개발 로그 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

web-ui/js/load-navbar.js

@@ -57,39 +57,22 @@ function populateUserInfo(doc, user) {
   const roleName = ROLE_NAMES[user.role] || ROLE_NAMES.default;
 
   const elements = {
-    'user-name': displayName,
-    'user-role': roleName,
-    'dropdown-user-fullname': displayName,
-    'dropdown-user-id': `@${user.username}`,
+    'userName': displayName,
+    'userRole': roleName,
+    'userInitial': displayName.charAt(0),
   };
 
   for (const id in elements) {
     const el = doc.getElementById(id);
     if (el) el.textContent = elements[id];
   }
-
-  const systemBtn = doc.getElementById('systemBtn');
-  if (systemBtn && user.role === 'system') {
-    systemBtn.style.display = 'flex';
-  }
 }
 
 /**
  * 네비게이션 바와 관련된 모든 이벤트를 설정합니다.
  */
 function setupNavbarEvents() {
-  const userInfoDropdown = document.getElementById('user-info-dropdown');
-  const profileDropdownMenu = document.getElementById('profile-dropdown-menu');
-
-  if (userInfoDropdown && profileDropdownMenu) {
-    userInfoDropdown.addEventListener('click', (e) => {
-      e.stopPropagation();
-      profileDropdownMenu.classList.toggle('show');
-      userInfoDropdown.classList.toggle('active');
-    });
-  }
-
-  const logoutButton = document.getElementById('dropdown-logout');
+  const logoutButton = document.getElementById('logoutBtn');
   if (logoutButton) {
     logoutButton.addEventListener('click', () => {
       if (confirm('로그아웃 하시겠습니까?')) {
@@ -98,34 +81,13 @@ function setupNavbarEvents() {
       }
     });
   }
-
-  const systemButton = document.getElementById('systemBtn');
-  if (systemButton) {
-    systemButton.addEventListener('click', () => {
-      window.location.href = config.paths.systemDashboard;
-    });
-  }
-
-  const dashboardButton = document.querySelector('.dashboard-btn');
-  if (dashboardButton) {
-    dashboardButton.addEventListener('click', () => {
-      window.location.href = config.paths.groupLeaderDashboard;
-    });
-  }
-  
-  document.addEventListener('click', (e) => {
-    if (profileDropdownMenu && !userInfoDropdown.contains(e.target) && !profileDropdownMenu.contains(e.target)) {
-      profileDropdownMenu.classList.remove('show');
-      userInfoDropdown.classList.remove('active');
-    }
-  });
 }
 
 /**
  * 현재 시간을 업데이트하는 함수
  */
 function updateTime() {
-    const timeElement = document.getElementById('current-time');
+    const timeElement = document.getElementById('timeValue');
     if (timeElement) {
         const now = new Date();
         timeElement.textContent = now.toLocaleTimeString('ko-KR', { hour12: false });