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 필드 추가

api.hyungi.net/docker-compose.yml

@@ -16,7 +16,7 @@ services:
       - db_data:/var/lib/mysql
       - ./migrations:/docker-entrypoint-initdb.d  # SQL 마이그레이션 자동 실행
     ports:
-      - "3306:3306"  # 개발 시 외부 접속용 (운영 시 제거)
+      - "20306:3306"  # RULES.md 준수: DB 포트 20306
     healthcheck:
       test: ["CMD", "mysqladmin", "ping", "-h", "localhost"]
       timeout: 20s
@@ -32,7 +32,7 @@ services:
         condition: service_healthy  # DB가 준비된 후 시작
     restart: unless-stopped
     ports:
-      - "${PORT:-3005}:3005"
+      - "20005:3005"  # RULES.md 준수: API 포트 20005
     env_file:
       - ./.env
     environment:
@@ -58,7 +58,7 @@ services:
       - db
     restart: unless-stopped
     ports:
-      - "18080:80"
+      - "20080:80"  # RULES.md 준수: phpMyAdmin 포트 20080
     env_file:
       - ./.env
     environment: