Fix fullstack serialization order for adjacent components (#4600)

* fix serialization order

* add regression test

* split out test into a seperate package

* revert logging

* change order

* opinions on structure

* small wait in hydration order test

---------

Co-authored-by: Jonathan Kelley <jkelleyrtp@gmail.com>

packages/playwright-tests/fullstack-hydration-order/src/main.rs

@@ -0,0 +1,70 @@
+// Adjacent server components that both use server functions shouldn't cause
+// hydration issues
+// https://github.com/DioxusLabs/dioxus/issues/4595
+
+use dioxus::prelude::*;
+
+fn main() {
+    dioxus::launch(|| rsx! { Home {} });
+}
+
+#[component]
+pub fn Home() -> Element {
+    let mut count = use_signal(|| 0);
+    rsx! {
+        div {
+            MyStrings {}
+            MyFloats {}
+        }
+        button {
+            id: "counter",
+            onclick: move |_| count += 1,
+            "Count {count}"
+        }
+    }
+}
+
+#[component]
+fn MyStrings() -> Element {
+    let strings = use_server_future(get_strings)?;
+    let data = match &*strings.read() {
+        Some(Ok(data)) => data.clone(),
+        _ => vec![],
+    };
+
+    rsx! {
+        div {
+            for string in data.iter() {
+                p { "{string}" }
+            }
+        }
+    }
+}
+#[get("/api/get_strings")]
+pub async fn get_strings() -> Result<Vec<String>, ServerFnError> {
+    let data: Vec<String> = vec!["Hello".to_string(), "World".to_string()];
+    Ok(data)
+}
+
+#[component]
+fn MyFloats() -> Element {
+    let floats = use_server_future(get_floats)?;
+    let data = match &*floats.read() {
+        Some(Ok(data)) => data.clone(),
+        _ => vec![],
+    };
+
+    rsx! {
+        div {
+            for float in data.iter() {
+                p { "{float}" }
+            }
+        }
+    }
+}
+
+#[get("/api/get_floats")]
+pub async fn get_floats() -> Result<Vec<f32>, ServerFnError> {
+    let data: Vec<f32> = vec![1.0, 2.0, 3.0];
+    Ok(data)
+}