fix: smooth sync icon animation and remove connect shortcut hint (#560)

Author: datlechin

TablePro/Views/Components/SyncStatusIndicator.swift

@@ -19,10 +19,14 @@ struct SyncStatusIndicator: View {
             } label: {
                 HStack(spacing: 4) {
                     Image(systemName: iconName)
+                        .contentTransition(.symbolEffect(.replace))
+                        .symbolEffect(.pulse, isActive: syncCoordinator.syncStatus.isSyncing)
                     Text(statusLabel)
+                        .contentTransition(.numericText())
                 }
                 .font(.system(size: ThemeEngine.shared.activeTheme.typography.small))
                 .foregroundStyle(foregroundStyle)
+                .animation(.default, value: syncCoordinator.syncStatus)
             }
             .buttonStyle(.plain)
             .help(helpText)

TablePro/Views/Connection/WelcomeLeftPanel.swift

@@ -73,13 +73,11 @@ struct WelcomeLeftPanel: View {
             ViewThatFits(in: .horizontal) {
                 HStack(spacing: 12) {
                     SyncStatusIndicator()
-                    KeyboardHint(keys: "↵", label: "Connect")
                     KeyboardHint(keys: "⌘N", label: "New")
                     KeyboardHint(keys: "⌘,", label: "Settings")
                 }
                 HStack(spacing: 8) {
                     SyncStatusIndicator()
-                    KeyboardHint(keys: "↵", label: "Connect")
                     KeyboardHint(keys: "⌘N", label: "New")
                     KeyboardHint(keys: "⌘,", label: nil)
                 }