refactor: 코드 분리 + 성능 최적화 + 모바일 개선

tkqc 5개 페이지 인라인 JS/CSS를 외부 파일로 추출 (HTML 82% 감소)
tkuser index.html을 CSS 1개 + JS 10개 모듈로 분리 (3283→1155줄)

- 공통 유틸 추출: issue-helpers, photo-modal, toast
- 공통 CSS 확장: tkqc-common.css (모바일 반응형 포함)
- 모바일 하단 네비게이션 추가 (mobile-bottom-nav.js)
- nginx: JS/CSS 1시간 캐싱 + gzip 압축 활성화
- Tailwind CDN preload, 캐시버스터 통일 (?v=20260213)
- 카메라 capture="environment" 추가
- tkuser Dockerfile에 static/ 디렉토리 복사 추가

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

user-management/web/static/js/tkuser-tabs.js

@@ -0,0 +1,24 @@
+/* ===== Tab ===== */
+function switchTab(name) {
+    document.querySelectorAll('[id^="tab-"]').forEach(el => el.classList.add('hidden'));
+    document.getElementById('tab-' + name)?.classList.remove('hidden');
+    document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+    event.currentTarget.classList.add('active');
+    // 사이드바 레이아웃 탭에서 main/nav/header 너비 확장
+    const mainEl = document.querySelector('main');
+    const navInner = document.getElementById('tabNavInner');
+    const headerInner = document.getElementById('headerInner');
+    const wideClass = 'max-w-[1600px]';
+    const defaultClass = 'max-w-7xl';
+    if (name === 'workplaces' || name === 'tasks' || name === 'vacations') {
+        [mainEl, navInner, headerInner].forEach(el => { el.classList.remove(defaultClass); el.classList.add(wideClass); });
+    } else {
+        [mainEl, navInner, headerInner].forEach(el => { el.classList.remove(wideClass); el.classList.add(defaultClass); });
+    }
+    if (name === 'projects' && !projectsLoaded) loadProjects();
+    if (name === 'workers' && !workersLoaded) loadWorkers();
+    if (name === 'departments' && !departmentsLoaded) loadDepartments();
+    if (name === 'workplaces' && !workplacesLoaded) loadWorkplaces();
+    if (name === 'tasks' && !tasksLoaded) loadTasksTab();
+    if (name === 'vacations' && !vacationsLoaded) loadVacationsTab();
+}