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

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

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

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

frontend/text-selector.html

@@ -364,14 +364,23 @@
             }
 
             confirmTextSelection(selectedText, startOffset, endOffset) {
+                console.log('🎯 텍스트 선택 확정:', {
+                    selectedText: selectedText,
+                    startOffset: startOffset,
+                    endOffset: endOffset
+                });
+                
                 // 부모 창에 선택된 텍스트 정보 전달
                 if (window.opener) {
-                    window.opener.postMessage({
+                    const messageData = {
                         type: 'TEXT_SELECTED',
                         selectedText: selectedText,
                         startOffset: startOffset,
                         endOffset: endOffset
-                    }, '*');
+                    };
+                    
+                    console.log('📤 부모 창에 전송할 데이터:', messageData);
+                    window.opener.postMessage(messageData, '*');
                     
                     console.log('✅ 부모 창에 텍스트 선택 정보 전달됨');