Watch: status, environment and notifications screens

A gear on the feed opens a status overview that leads with what is wrong:
offline hosts, hosts on a fallback route, tokens expiring within 7 days,
and push problems, with healthy hosts folded into one row. Each host opens
its route ladder with Reconnect. The notifications page shows registration,
the last push, Send test and Unpair. Demo mode gains a Laptop on its VPN
fallback, and snapshot tests render the three screens.

watch/WristCodeTests/SnapshotTests.swift

@@ -42,6 +42,29 @@ struct SnapshotTests {
         try write(view, "thread-multiselect.png")
     }
 
+    @Test func statusScreens() async throws {
+        let status = try await DemoGateway().status()
+        try write(titled("Status", StatusView(status: status, scrolls: false)), "status.png")
+        try write(titled("Laptop", HostStatusView(hostId: "laptop", status: status, scrolls: false)), "status-environment.png")
+        let result = PushResult(ok: true, at: .now, status: 200, reason: nil)
+        try write(titled("Notifications", NotificationsView(status: status, result: result, scrolls: false)), "status-notifications.png")
+    }
+
+    /// The screen under a title like the navigation bar's, which ImageRenderer leaves out.
+    private func titled(_ title: String, _ view: some View) -> some View {
+        VStack(alignment: .leading, spacing: 6) {
+            Text(title)
+                .font(.system(size: 17, weight: .semibold))
+                .foregroundStyle(.white)
+                .padding(.horizontal, 10)
+                .padding(.top, 10)
+            view
+        }
+        .environment(AppModel.preview())
+        .fontDesign(.rounded)
+        .tint(Theme.work)
+    }
+
     /// Renders at the screen's width and as tall as the content, as if scrolled through.
     private func write(_ view: some View, _ name: String) throws {
         let renderer = ImageRenderer(content: view