feat: 문제 탭 하단 타이머 바 + 상태바 남은 시간 표시 (#16)

[dj258255]

Fixes #16

문제

타이머가 타이머 탭 안에만 있어서 문제 탭으로 전환하면 남은 시간을 볼 수 없음.

변경 사항

TimerService 신설 (프로젝트 서비스)

카운트다운 상태(남은 시간·총 시간·실행 여부)가 CountdownPanel의 private 필드에 갇혀 있어 다른 UI가 관찰할 수 없었음. 기존 CodingTestKitActionService + 상태바 구독 패턴을 따라 서비스로 추출하고 리스너 허브 역할을 부여.

세 UI가 같은 타이머 공유

1. 타이머 탭 — 기존 UI 유지, 상태만 서비스에 위임. 버튼 라벨(시작/재개)·입력 필드 활성화를 별도 플래그 없이 서비스 상태에서 유도해, 어느 화면에서 조작해도 일관되게 동기화
2. 문제 탭 하단 타이머 바 — 남은 시간 라벨 + 시작/일시정지·초기화 버튼이 있는 얇은 바. 문제를 보면서 시간 확인·조작 가능. 1분 미만이면 빨간색 표시(타이머 탭과 동일한 규칙)
3. 상태바 위젯 — 기존 CTK: 플랫폼 #번호 옆에 ⏱ 27:31 형태로 남은 시간 표시. 초기 상태에서는 숨기고, 실행 중이거나 중간에 멈춘/종료된 타이머만 표시

성능

타이머 틱이 33ms 간격(원형 타이머 애니메이션용)이므로, 문제 탭 바와 상태바는 표시 문자열이 바뀔 때만 갱신.

동작 보존

• 스톱워치 탭은 변경 없음
• 시간 종료 시 알림음 + 다이얼로그, 1분 미만 빨간색, 일시정지 시 필드 잠금 유지 등 기존 카운트다운 동작 그대로

테스트

• ./gradlew compileKotlin test 통과
• UI 동작은 로컬 runIde에서 세 UI 간 상호 동기화 확인 필요