feat(home): 更新完成页面UI并优化串口连接状态管理

- 更新设备屏幕尺寸配置从1920*1080调整为1024x600
- 添加完成页面的AppBar导航和返回功能
- 重构CompletePage布局，使用SafeArea和ConstrainedBox适配不同屏幕
- 添加国际化支持的完成按钮文本
- 优化完成页面视觉元素，包括图标大小和间距调整
- 实现串口连接状态的响应式管理，解决UI状态同步问题
- 优化串口运行器的状态更新逻辑，实现乐观更新机制
- 调整完成页面按钮布局，提供完成和重新运行选项

lib/features/device/providers/serial_provider.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../../../core/database/database_service.dart';
@@ -16,6 +18,34 @@ final serialPortServiceProvider = Provider<SerialPortService>((ref) {
   return service;
 });
 
+/// 串口连接状态（响应式）
+///
+/// 直接 `ref.watch(serialPortServiceProvider).state` 不会触发 UI 重建，
+/// 因为 [SerialPortService] 内部 `_state` 的变化不会冒泡到 Provider 层。
+/// 这里把状态抽出为独立的 StateNotifierProvider，让状态栏等 UI 能即时
+/// 反映连接/断开事件，避免出现"标题栏显示已连接、实际下发失败"的错觉。
+class SerialConnectionStateNotifier
+    extends StateNotifier<SerialConnectionState> {
+  SerialConnectionStateNotifier(this._service) : super(_service.state) {
+    _sub = _service.connectionStateChanges.listen((s) => state = s);
+  }
+
+  final SerialPortService _service;
+  late final StreamSubscription<SerialConnectionState> _sub;
+
+  @override
+  void dispose() {
+    _sub.cancel();
+    super.dispose();
+  }
+}
+
+final serialConnectionStateProvider = StateNotifierProvider<
+    SerialConnectionStateNotifier, SerialConnectionState>((ref) {
+  final service = ref.watch(serialPortServiceProvider);
+  return SerialConnectionStateNotifier(service);
+});
+
 /// 启动自动连接服务
 ///
 /// 通过 [main] 中的 ProviderContainer 在 runApp 之前触发一次，