feat: update call sites for Dioxus 0.7

Fix the `Key` import path (moved from `dioxus::events` to `dioxus::html`),
update the About pane runtime label, and resolve a clippy warning in the
Raft view where a conditional `class` attribute resolved to the same value
on both branches.

Author: farhan-syah

nodedb-studio/src/modals/preferences.rs

@@ -180,7 +180,7 @@ fn AboutPane() -> Element {
             div { style: "font-family: var(--font-mono); font-size: 11px; line-height: 1.8; margin-top: 14px;",
                 AboutRow { k: "version", v: "dev" }
                 AboutRow { k: "build", v: "2026.06.13" }
-                AboutRow { k: "runtime", v: "dioxus 0.6" }
+                AboutRow { k: "runtime", v: "dioxus 0.7" }
                 AboutRow { k: "platform", v: "darwin-arm64" }
                 AboutRow { k: "license", v: "Apache 2.0" }
             }

nodedb-studio/src/routes.rs

@@ -5,7 +5,7 @@
 //! share `StudioLayout`, which renders the persistent chrome (rail, topbar,
 //! statusbar) around the content `Outlet`.
 
-use dioxus::events::Key;
+use dioxus::html::Key;
 use dioxus::prelude::*;
 
 use crate::components::command_palette::CommandPalette;

nodedb-studio/src/views/admin/raft.rs

@@ -7,12 +7,66 @@ pub fn RaftView() -> Element {
     // (node, leader?, match_index, lag, lag_warn, heartbeat, state, state_pill)
     let rows = [
         ("node-1", true, "1,488,201", "—", false, "—", "—", ""),
-        ("node-2", false, "1,488,201", "0", false, "12 ms", "replicating", ""),
-        ("node-3", false, "1,488,198", "3", false, "14 ms", "replicating", ""),
-        ("node-4", false, "1,488,200", "1", false, "15 ms", "replicating", ""),
-        ("node-5", false, "1,486,892", "1,309", true, "88 ms", "catching up", "warn"),
-        ("node-6", false, "1,488,201", "0", false, "11 ms", "replicating", ""),
-        ("node-7", false, "1,488,199", "2", false, "13 ms", "replicating", ""),
+        (
+            "node-2",
+            false,
+            "1,488,201",
+            "0",
+            false,
+            "12 ms",
+            "replicating",
+            "",
+        ),
+        (
+            "node-3",
+            false,
+            "1,488,198",
+            "3",
+            false,
+            "14 ms",
+            "replicating",
+            "",
+        ),
+        (
+            "node-4",
+            false,
+            "1,488,200",
+            "1",
+            false,
+            "15 ms",
+            "replicating",
+            "",
+        ),
+        (
+            "node-5",
+            false,
+            "1,486,892",
+            "1,309",
+            true,
+            "88 ms",
+            "catching up",
+            "warn",
+        ),
+        (
+            "node-6",
+            false,
+            "1,488,201",
+            "0",
+            false,
+            "11 ms",
+            "replicating",
+            "",
+        ),
+        (
+            "node-7",
+            false,
+            "1,488,199",
+            "2",
+            false,
+            "13 ms",
+            "replicating",
+            "",
+        ),
     ];
     rsx! {
         div { class: "subview active",
@@ -38,7 +92,7 @@ pub fn RaftView() -> Element {
                                         if r.1 { span { class: "pill info", "leader" } }
                                     }
                                     td { class: "mono", "{r.2}" }
-                                    td { class: if r.4 { "mono" } else { "mono" }, style: if r.4 { "color:var(--text-warning)" } else { "" }, "{r.3}" }
+                                    td { class: "mono", style: if r.4 { "color:var(--text-warning)" } else { "" }, "{r.3}" }
                                     td { class: "mono", "{r.5}" }
                                     td {
                                         if r.7 == "warn" {