[#1185] Syncing frame in progress view

- The syncing label's height has been unified so whatever state we render, the progress bar stays on the same position.

CHANGELOG.md

@@ -14,6 +14,7 @@ directly impact users rather than highlighting other crucial architectural updat
 
 ### Changed
 - Zashi requires 1 GB of free space to operate. We have updated the user experience to display a message when this requirement is not met, indicating the actual amount of free space available. From this screen, you can access the settings to obtain the recovery phrase if needed.
+- The height of syncing label has been unified to never change the overall component's' height based on different states.
 
 ## 1.0.4 build 2 (2024-03-29)
 

modules/Sources/Features/SyncProgress/SyncProgressView.swift

@@ -27,12 +27,12 @@ public struct SyncProgressView: View {
                         Text(viewStore.syncStatusMessage)
                             .font(.custom(FontFamily.Inter.regular.name, size: 10))
 
+                        // Frame height 0 is expected value because we want SwiftUI to ignore it
+                        // for the vertical placement computation.
                         ProgressView()
                             .scaleEffect(0.7)
-                            .frame(width: 11, height: 14)
+                            .frame(width: 11, height: 0)
                     }
-                    .frame(height: 16)
-                    .padding(.bottom, 5)
                 } else {
                     Text(viewStore.syncStatusMessage)
                         .multilineTextAlignment(.center)