# 선형·드론궤적 토글을 재생바 버튼으로 이동

**소요 시간**: 약 12분
**Context 사용량**: input ~210k / output ~13k tokens

## 결론
영상 오버레이의 "선형(중심선)"·"드론 궤적" 표시 토글을 **하단 재생바(VideoPlayer)의 겹침제외 버튼 왼쪽**에
버튼 2개로 추가하고, 화면표시 옵션 창의 기존 동일 기능 버튼 2개는 제거. 버튼 폭은 겹침제외와 동일(min-w-[96px]).

## 변경 내용
- `client/src/store/settingsStore.ts`
  - `showCenterline`(기본 true), `showDronePath`(기본 true) + 각 setter 추가. persist 로 지속.
- `client/src/components/overlay/StationOverlay.tsx`
  - 로컬 `useState` 였던 `showCenterline`/`showDronePath` → 설정 스토어 구독으로 전환(refs/리셋은 그대로).
  - 화면표시 옵션 창의 선형/드론궤적 토글 버튼 2개 제거. (드론궤적 경로표고·투명도 슬라이더는 유지)
- `client/src/components/player/VideoPlayer.tsx`
  - 스토어 셀렉터 추가, 겹침제외 버튼 바로 앞(좌측)에 `선형 ON/OFF`·`드론궤적 ON/OFF` 버튼 삽입.
  - 스타일: 겹침제외와 동일 폭(min-w-[96px]), 색은 기능별(선형=red, 드론궤적=sky).
  - 노출 조건은 겹침제외와 동일: 영상제어 ON + geoLoaded.

## 검증
- `tsc + vite build` 통과(node 20). client/dist 재빌드 → 55000 강력 새로고침 확인.

## 참고
- 상태를 스토어로 올려 바 버튼과 오버레이 렌더가 단일 소스 공유.
- '기본값' 리셋(StationOverlay)도 스토어 setter 로 동작 유지.
