하이라이트 색상 문제 해결 및 다중 하이라이트 렌더링 개선

주요 수정사항:
- 하이라이트 생성 시 color → highlight_color 필드명 수정으로 색상 전달 문제 해결
- 분홍색을 더 연하게 변경하여 글씨 가독성 향상
- 다중 하이라이트 렌더링을 위아래 균등 분할로 개선
- CSS highlight-span 클래스 추가 및 색상 적용 강화
- 하이라이트 생성/렌더링 과정에 상세한 디버깅 로그 추가

UI 개선:
- 단일 하이라이트: 선택한 색상으로 정확히 표시
- 다중 하이라이트: 위아래로 균등하게 색상 분할 표시
- 메모 입력 모달에서 선택된 텍스트 표시 개선

버그 수정:
- 프론트엔드-백엔드 API 스키마 불일치 해결
- CSS 스타일 우선순위 문제 해결
- 하이라이트 색상이 노랑색으로만 표시되던 문제 해결

frontend/static/js/main.js

@@ -289,9 +289,9 @@ window.documentApp = () => ({
         const currentPage = window.location.pathname.split('/').pop() || 'index.html';
         sessionStorage.setItem('previousPage', currentPage);
         
-        // from 파라미터 추가
+        // from 파라미터 추가 - 같은 창에서 이동
         const fromParam = currentPage === 'hierarchy.html' ? 'hierarchy' : 'index';
-        window.open(`/viewer.html?id=${documentId}&from=${fromParam}`, '_blank');
+        window.location.href = `/viewer.html?id=${documentId}&from=${fromParam}`;
     },
 
     // 서적의 문서들 보기