Fix 28 issues from deep audit and UI audit + redesign changes

Deep audit (issues 2-14):
- Add missing WCSession handlers for applicationContext and userInfo
- Fix BoundedFIFOQueue race condition with serial dispatch queue
- Fix timer race condition with main thread guarantee
- Fix watch pause state divergence — phone is now source of truth
- Fix wrong notification posted on logout (createdNewWorkout → userLoggedOut)
- Fix POST status check to accept any 2xx (was exact match)
- Fix @StateObject → @ObservedObject for injected viewModel
- Add pull-to-refresh to CompletedWorkoutsView
- Fix typos: RefreshUserInfoFetcable, defualtPackageModle
- Replace string concatenation with interpolation
- Replace 6 @StateObject with @ObservedObject for BridgeModule.shared
- Replace 7 hardcoded AVPlayer URLs with BaseURLs.currentBaseURL

UI audit (issues 1-15):
- Fix GeometryReader eating VStack space — replaced with .overlay
- Fix refreshable continuation resuming before fetch completes
- Remove duplicate @State workouts — derive from DataStore
- Decouple leaf views from BridgeModule (pass discrete values)
- Convert selectedIds from Array to Set for O(1) lookups
- Extract .sorted() from var body into computed properties
- Move search filter out of ForEach render loop
- Replace import SwiftUI with import Combine in non-UI classes
- Mark all @State properties private
- Extract L/R exercise auto-add logic to WorkoutViewModel
- Use enumerated() instead of .indices in ForEach
- Make AddSupersetView frame flexible instead of fixed 300pt
- Hoist Set construction out of per-exercise filter loop
- Move ViewModel network fetch from init to load()

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

iphone/Werkout_ios/subview/CaloriesBurnedView.swift

@@ -10,45 +10,47 @@ import SwiftUI
 struct CaloriesBurnedView: View {
     @Binding var healthKitWorkoutData: HealthKitWorkoutData?
     let calsBurned: Double
-    
+
     var body: some View {
-        VStack {
+        VStack(spacing: WerkoutTheme.sm) {
             HStack {
-                HStack {
+                HStack(spacing: WerkoutTheme.sm) {
                     Image(systemName: "flame.fill")
-                        .foregroundColor(.orange)
+                        .foregroundStyle(.orange)
                         .font(.title)
-                    VStack {
-                        Text("\(calsBurned, specifier: "%.0f")")
-                    }
+                    Text("\(calsBurned, specifier: "%.0f")")
+                        .font(.system(size: 28, weight: .black, design: .monospaced))
+                        .foregroundStyle(WerkoutTheme.textPrimary)
                 }
                 .frame(maxWidth: .infinity)
             }
-            
+
             if let minHeart = healthKitWorkoutData?.minHeartRate,
                let maxHeart = healthKitWorkoutData?.maxHeartRate,
                let avgHeart = healthKitWorkoutData?.avgHeartRate {
-                VStack {
-                    HStack {
-                        Image(systemName: "heart")
-                            .foregroundColor(.red)
+                VStack(spacing: WerkoutTheme.xs) {
+                    HStack(spacing: WerkoutTheme.sm) {
+                        Image(systemName: "heart.fill")
+                            .foregroundStyle(WerkoutTheme.danger)
                             .font(.title)
                         VStack {
                             HStack {
                                 Text("\(minHeart, specifier: "%.0f")")
                                 Text("-")
+                                    .foregroundStyle(WerkoutTheme.textMuted)
                                 Text("\(maxHeart, specifier: "%.0f")")
                             }
-                            Text("\(avgHeart, specifier: "%.0f")")
+                            .font(.system(size: 20, weight: .bold, design: .monospaced))
+                            .foregroundStyle(WerkoutTheme.textPrimary)
+                            Text("avg \(avgHeart, specifier: "%.0f")")
+                                .font(WerkoutTheme.caption)
+                                .foregroundStyle(WerkoutTheme.textSecondary)
                         }
                     }
                 }
                 .frame(maxWidth: .infinity)
             }
         }
+        .werkoutCard()
     }
 }
-
-//#Preview {
-//    CaloriesBurnedView()
-//}