feat: 시스템 관리자 대시보드 개선

- 시스템 관리자 전용 웹페이지 구현 (system.html)
- 깔끔한 흰색 배경의 올드스쿨 스타일 적용
- 반응형 그리드 레이아웃으로 카드 배치 개선
- ES6 모듈 방식으로 JavaScript 구조 개선
- 이벤트 리스너 방식으로 버튼 클릭 처리 변경
- 시스템 상태, 사용자 통계, 계정 관리 기능 구현
- 시스템 로그 조회 기능 추가
- 나머지 관리 기능들 스켈레톤 구현 (개발 중 상태)
- 인코딩 문제 해결을 위한 영어 로그 메시지 적용
- hyungi 계정을 system 권한으로 설정
- JWT 토큰에 role 필드 추가
- 시스템 전용 API 엔드포인트 구현

주요 변경사항:
- web-ui/pages/dashboard/system.html: 시스템 관리자 전용 페이지
- web-ui/css/system-dashboard.css: 시스템 대시보드 전용 스타일
- web-ui/js/system-dashboard.js: 시스템 대시보드 로직
- api.hyungi.net/controllers/systemController.js: 시스템 API 컨트롤러
- api.hyungi.net/routes/systemRoutes.js: 시스템 API 라우트
- api.hyungi.net/controllers/authController.js: 시스템 권한 로그인 처리
- api.hyungi.net/services/auth.service.js: JWT 토큰에 role 필드 추가

web-ui/js/api-config.js

@@ -13,8 +13,8 @@ function getApiBaseUrl() {
       hostname === 'localhost' || hostname === '127.0.0.1' || 
       hostname.includes('.local') || hostname.includes('hyungi')) {
     
-    // 현재 웹서버의 도메인/IP를 그대로 사용하되 API 포트(3005)로 직접 연결
-    const baseUrl = `${protocol}//${hostname}:3005/api`;
+    // 현재 웹서버의 도메인/IP를 그대로 사용하되 API 포트(20005)로 직접 연결
+    const baseUrl = `${protocol}//${hostname}:20005/api`;
     
     console.log('✅ nginx 프록시 사용:', baseUrl);
     return baseUrl;
@@ -22,7 +22,7 @@ function getApiBaseUrl() {
   
   // 🚨 백업: 직접 접근 (nginx 프록시 실패시에만)
   console.warn('⚠️ 직접 API 접근 (백업 모드)');
-  return `${protocol}//${hostname}:3005/api`;
+  return `${protocol}//${hostname}:20005/api`;
 }
 
 // API 설정