[TEST] Cloudflare Tunnel 대응 및 리비전 증분 계산 수정

🌐 Nginx 프록시 설정 (테스트용):
- nginx-proxy.conf: /api 요청을 백엔드로 프록시
- docker-compose.proxy.yml: 프록시 서버 설정
- VITE_API_URL=/api 환경변수 설정으로 단일 도메인 접속

🎨 UI 텍스트 변경 (테스트용):
- LoginPage: TK-MP System → BOM 테스트 서버
- LoginPage: 통합 프로젝트 관리 시스템 → BOM 분류 시스템 v1.0
- LogMonitoringPage: 탭 네비게이션 추가 (로그인/활동/시스템 로그)
- SystemSettingsPage: 활동 로그 모니터링 기능 개선

🔧 백엔드 수정 (테스트용):
- files.py: 리비전 증분 계산 로직 수정 (전체 재분류 → 차이분만 분류)
- create_system_admin.py: database_url → get_database_url() 수정

⚠️ 주의: 이 커밋은 테스트 환경에서의 변경사항입니다.

frontend/src/pages/LogMonitoringPage.jsx

@@ -3,6 +3,7 @@ import api from '../api';
 import { reportError, logUserActionError } from '../utils/errorLogger';
 
 const LogMonitoringPage = ({ onNavigate, user }) => {
+    const [activeTab, setActiveTab] = useState('login-logs'); // 'login-logs', 'activity-logs', 'system-logs'
     const [stats, setStats] = useState({
         totalUsers: 0,
         activeUsers: 0,
@@ -11,6 +12,7 @@ const LogMonitoringPage = ({ onNavigate, user }) => {
         recentErrors: 0
     });
     const [recentActivity, setRecentActivity] = useState([]);
+    const [activityLogs, setActivityLogs] = useState([]);
     const [frontendErrors, setFrontendErrors] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [message, setMessage] = useState({ type: '', text: '' });
@@ -22,10 +24,26 @@ const LogMonitoringPage = ({ onNavigate, user }) => {
         return () => clearInterval(interval);
     }, []);
 
+    const loadActivityLogs = async () => {
+        try {
+            const response = await api.get('/auth/logs/system?limit=50');
+            if (response.data.success) {
+                setActivityLogs(response.data.logs);
+            }
+        } catch (error) {
+            console.error('활동 로그 로딩 실패:', error);
+        }
+    };
+
     const loadDashboardData = async () => {
         try {
             setIsLoading(true);
             
+            // 활동 로그도 함께 로드
+            if (activeTab === 'activity-logs') {
+                await loadActivityLogs();
+            }
+            
             // 병렬로 데이터 로드
             const [usersResponse, loginLogsResponse] = await Promise.all([
                 api.get('/auth/users'),
@@ -158,9 +176,60 @@ const LogMonitoringPage = ({ onNavigate, user }) => {
                         <h1 style={{ fontSize: '24px', fontWeight: '700', color: '#2d3748', margin: 0 }}>
                             📈 로그 모니터링
                         </h1>
-                        <p style={{ color: '#6c757d', fontSize: '14px', margin: '4px 0 0 0' }}>
-                            실시간 시스템 활동 및 오류 모니터링
-                        </p>
+                    </div>
+                </div>
+
+                {/* 탭 네비게이션 */}
+                <div style={{ background: 'white', borderBottom: '1px solid #e9ecef', padding: '0 32px' }}>
+                    <div style={{ display: 'flex', gap: '0' }}>
+                        <button
+                            onClick={() => setActiveTab('login-logs')}
+                            style={{
+                                padding: '12px 24px',
+                                border: 'none',
+                                background: activeTab === 'login-logs' ? '#4299e1' : 'transparent',
+                                color: activeTab === 'login-logs' ? 'white' : '#4a5568',
+                                borderRadius: '8px 8px 0 0',
+                                cursor: 'pointer',
+                                fontWeight: '600',
+                                fontSize: '14px',
+                                borderBottom: activeTab === 'login-logs' ? '2px solid #4299e1' : '2px solid transparent'
+                            }}
+                        >
+                            🔐 로그인 로그
+                        </button>
+                        <button
+                            onClick={() => setActiveTab('activity-logs')}
+                            style={{
+                                padding: '12px 24px',
+                                border: 'none',
+                                background: activeTab === 'activity-logs' ? '#4299e1' : 'transparent',
+                                color: activeTab === 'activity-logs' ? 'white' : '#4a5568',
+                                borderRadius: '8px 8px 0 0',
+                                cursor: 'pointer',
+                                fontWeight: '600',
+                                fontSize: '14px',
+                                borderBottom: activeTab === 'activity-logs' ? '2px solid #4299e1' : '2px solid transparent'
+                            }}
+                        >
+                            📊 활동 로그
+                        </button>
+                        <button
+                            onClick={() => setActiveTab('system-logs')}
+                            style={{
+                                padding: '12px 24px',
+                                border: 'none',
+                                background: activeTab === 'system-logs' ? '#4299e1' : 'transparent',
+                                color: activeTab === 'system-logs' ? 'white' : '#4a5568',
+                                borderRadius: '8px 8px 0 0',
+                                cursor: 'pointer',
+                                fontWeight: '600',
+                                fontSize: '14px',
+                                borderBottom: activeTab === 'system-logs' ? '2px solid #4299e1' : '2px solid transparent'
+                            }}
+                        >
+                            🖥️ 시스템 로그
+                        </button>
                     </div>
                 </div>