[FRT-59] API 연결 (쿼리 편집, 실행 결과)

[nahyeongjin1]

JIRA Task 🔖

• Ticket: [FRT-59](https://qgenie.atlassian.net/browse/FRT-59)
• Branch: feature/FRT-59

작업 내용 📌

• DB 쿼리 편집기 및 결과 패널 구현
• 관련 API 연결
• Workspace 구조 리팩토링, 패널 간 DB 연결 공유
• SQL(.sql), 결과(.csv) 내보내기 기능 추가
• 레이아웃·스크롤 버그 다수 수정

세부 작업 목록 ✅

• 기능 구현

  • QueryPanel.tsx: 쿼리 편집·실행 결과 탭
  • ConnectionSelector.tsx: DB 연결 선택 UI
  • QueryResults.tsx: 실행 결과 테이블 표시
  • main/ipc/handlers.ts: 내보내기 IPC 추가

• 상태 관리

  • Workspace.tsx: DB 연결 상태 최상위 관리

• UI/버그 수정

  • ConnectionSelector 위치 조정
  • CSS Grid로 50:50 패널 유지
  • QueryPanel 레이아웃 개선, 스크롤 문제 해결

변경 사항 🖥️

쿼리 편집기	실행 결과

테스트 방법 🧑🏻‍🔬

1. DB 연결/쿼리 실행

   • 연결 목록 로드, DB 선택 후 SELECT 실행
   • 결과 탭 전환·테이블 표시 확인

2. 레이아웃/스크롤

   • 컬럼 많은 테이블 조회 → 가로 스크롤 정상 표시
   • 채팅 패널 크기 유지 확인

3. 내보내기

   • 편집기 → .sql 저장 확인
   • 결과 탭 → .csv 저장

4. 오류 처리

   • 잘못된 쿼리 실행 → 에러 메시지 빨간색 표시