refactor: update Notification and Live Activity Views for Improved UI Consistency

Mayday/Assets.xcassets/AccentColor.colorset/Contents.json

@@ -0,0 +1,11 @@
+{
+  "colors" : [
+    {
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Mayday/InfoPlist.xcstrings

@@ -1,19 +1,32 @@
 {
   "sourceLanguage" : "ru",
   "strings" : {
-    "NSUserNotificationsUsageDescription" : {
+    "CFBundleName" : {
+      "comment" : "Bundle name",
+      "extractionState" : "extracted_with_value",
       "localizations" : {
         "ru" : {
           "stringUnit" : {
-            "state" : "translated",
-            "value" : "Mayday использует уведомления для оповещения о критических событиях."
+            "state" : "new",
+            "value" : "Mayday"
           }
-        },
+        }
+      }
+    },
+    "NSUserNotificationsUsageDescription" : {
+      "extractionState" : "stale",
+      "localizations" : {
         "en" : {
           "stringUnit" : {
             "state" : "translated",
             "value" : "Mayday uses notifications to alert you about critical events."
           }
+        },
+        "ru" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Mayday использует уведомления для оповещения о критических событиях."
+          }
         }
       }
     }

Mayday/Views/Notifications/NotificationDetailView.swift

@@ -58,7 +58,7 @@ struct NotificationDetailView: View {
         VStack(spacing: 16) {
             ZStack {
                 Circle()
-                    .fill(.white)
+                    .fill(Color(.secondarySystemGroupedBackground))
                     .frame(width: 88, height: 88)
                     .shadow(color: topicColor.opacity(0.3), radius: 12, y: 4)
                 Circle()
@@ -115,7 +115,7 @@ struct NotificationDetailView: View {
         }
         .frame(maxWidth: .infinity, alignment: .leading)
         .padding(16)
-        .background(.white)
+        .background(Color(.secondarySystemGroupedBackground))
         .clipShape(RoundedRectangle(cornerRadius: 16))
         .shadow(color: .black.opacity(0.04), radius: 6, y: 2)
     }
@@ -145,7 +145,7 @@ struct NotificationDetailView: View {
         }
         .frame(maxWidth: .infinity, alignment: .leading)
         .padding(16)
-        .background(.white)
+        .background(Color(.secondarySystemGroupedBackground))
         .clipShape(RoundedRectangle(cornerRadius: 16))
         .shadow(color: .black.opacity(0.04), radius: 6, y: 2)
     }
@@ -186,7 +186,7 @@ struct NotificationDetailView: View {
         }
         .frame(maxWidth: .infinity, alignment: .leading)
         .padding(16)
-        .background(.white)
+        .background(Color(.secondarySystemGroupedBackground))
         .clipShape(RoundedRectangle(cornerRadius: 16))
         .shadow(color: .black.opacity(0.04), radius: 6, y: 2)
     }

Mayday/Views/Notifications/NotificationsView.swift

@@ -40,13 +40,14 @@ struct NotificationsView: View {
                 #if DEBUG
                 if PreviewData.isPreviewMode {
                     ToolbarItem(placement: .topBarLeading) {
-                        Text("demo_badge")
-                            .font(.caption2.bold())
-                            .foregroundStyle(.white)
-                            .padding(.horizontal, 8)
-                            .padding(.vertical, 3)
-                            .background(.orange)
-                            .clipShape(Capsule())
+                        Button(action: {}) {
+                            Text("demo_badge")
+                                .font(.caption2.bold())
+                        }
+                        .buttonStyle(.borderedProminent)
+                        .tint(.orange)
+                        .controlSize(.mini)
+                        .allowsHitTesting(false)
                     }
                 }
                 #endif
@@ -177,7 +178,7 @@ struct ActiveNotificationCard: View {
                     .foregroundStyle(Color.red)
                     .padding(.horizontal, 32)
                     .padding(.vertical, 10)
-                    .background(.white)
+                    .background(Color(.systemBackground))
                     .clipShape(RoundedRectangle(cornerRadius: 12))
                 Spacer()
             }
@@ -245,7 +246,7 @@ struct ResolvedNotificationCard: View {
             }
         }
         .padding(16)
-        .background(.white)
+        .background(Color(.secondarySystemGroupedBackground))
         .clipShape(RoundedRectangle(cornerRadius: 20))
         .shadow(color: .black.opacity(0.06), radius: 8, y: 2)
     }