뽀모도로 웹 탭 딜레이로 공부/휴식 시간 안맞는 버그 수정

브라우저가 백그라운드 탭의 타이머를 느리게 돌려서(setInterval
throttling) 카운트다운을 매 tick마다 1초씩 빼는 방식으로는 다른
창에 갔다오면 시간이 밀렸다. 남은 시간을 절대 종료 시각
(_phaseEndsAt) 기준으로 계산하도록 바꾸고, 탭이 다시 활성화될 때
(AppLifecycleState.resumed) 서버 상태를 재동기화하고 밀린 전환을
바로 따라잡도록 함.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

lib/ui/study_timer_screen.dart

@@ -25,7 +25,8 @@ class StudyTimerScreen extends StatefulWidget {
   State<StudyTimerScreen> createState() => _StudyTimerScreenState();
 }
 
-class _StudyTimerScreenState extends State<StudyTimerScreen> {
+class _StudyTimerScreenState extends State<StudyTimerScreen>
+    with WidgetsBindingObserver {
   late final StudyTimerController _controller;
 
   @override
@@ -37,6 +38,7 @@ class _StudyTimerScreenState extends State<StudyTimerScreen> {
     );
     _controller.onPhaseChanged = _handlePhaseChanged;
     _controller.init();
+    WidgetsBinding.instance.addObserver(this);
   }
 
   void _handlePhaseChanged(String message) {
@@ -44,8 +46,18 @@ class _StudyTimerScreenState extends State<StudyTimerScreen> {
     AppNotice.show(context, message, icon: Icons.timer_rounded);
   }
 
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    // 🐛 [웹 탭 딜레이 버그 수정] 다른 창/탭에 갔다가 이 탭으로 돌아왔을 때(resumed) 밀린
+    // 시간을 바로 따라잡는다 - 백그라운드 탭에서는 브라우저가 타이머를 느리게 돌리기 때문.
+    if (state == AppLifecycleState.resumed) {
+      _controller.onAppResumed();
+    }
+  }
+
   @override
   void dispose() {
+    WidgetsBinding.instance.removeObserver(this);
     _controller.dispose();
     super.dispose();
   }