chore(deps): update leptos monorepo to v0.8.14 (#232)

* chore(deps): update leptos monorepo to v0.8.14

* fix: wrap Leptos text in quotes

* fix: set `maxDiffPixelRatio` to 0.01

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Daniëlle Huisman <danielle@huisman.me>

Author: renovate[bot]

Cargo.lock

@@ -124,7 +124,7 @@ pub fn playwright() {
 
     let config_content = fs::read_to_string(repository_playwright_config_path.clone())
         .expect("Reading Playwright config file failed.")
-        .replace("retries: 3,", "retries: 0,\n  timeout: 10 * 1000,")
+        .replace("retries: 3,", "retries: 0,\n  timeout: 10 * 1000,\nexpect: {toMatchSnapshot: {maxDiffPixelRatio: 0.01}},")
         .replace(
             "command: 'pnpm run dev',",
             &format!(

packages/leptos/tests/playwright.rs

@@ -165,20 +165,20 @@ pub fn Inline() -> impl IntoView {
         <p>The floating element should choose the most appropriate rect.</p>
         <div class="container">
             <p class="prose" style:padding="10px">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit.{' '}
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit. "
                 <strong
                     node_ref=reference_ref
                     style:color="royalblue"
                     on:mouseenter=handle_mouse_enter
                     on:mouseleave=handle_mouse_leave
                 >
                     {text}
-                </strong>. Ut eu magna eu augue efficitur bibendum id commodo tellus. Nullam
+                </strong>". Ut eu magna eu augue efficitur bibendum id commodo tellus. Nullam
                 gravida, mi nec sodales tincidunt, lorem orci aliquam ex, id commodo
                 erat libero ut risus. Nam molestie non lectus sit amet tempus. Vivamus
-                accumsan{' '}
-                <strong style:color={"red"}>nunc quis faucibus egestas</strong>.
-                Duis cursus nisi massa, non dictum turpis interdum at.
+                accumsan "
+                <strong style:color={"red"}>"nunc quis faucibus egestas"</strong>". "
+                "Duis cursus nisi massa, non dictum turpis interdum at."
             </p>
 
             <Show when=move || open.get()>

packages/leptos/tests/visual/src/spec/inline.rs

@@ -80,8 +80,8 @@ pub fn Relative() -> impl IntoView {
     view! {
         <h1>Relative</h1>
         <p>
-            The floating element should be positioned correctly on the bottom when a
-            certain parent node has <code>position: relative</code> applied.
+            "The floating element should be positioned correctly on the bottom when a
+            certain parent node has "<code>"position: relative"</code>" applied."
         </p>
         <div
             class="container"