chore: add blog post for Vitest 4.1 (#9775)

Co-authored-by: Ari Perkkiö <ari.perkkio@gmail.com>
Co-authored-by: Hiroshi Ogawa <hi.ogawa.zz@gmail.com>

Author: 3 people

docs/blog/vitest-4-1.md

@@ -26,3 +26,18 @@ export default defineConfig({
   },
 })
 ```
+
+## Example
+
+::: tabs
+== bottom
+<center>
+  <img alt="Vitest UI with details at the bottom" img-light src="/ui/light-ui-details-bottom.png">
+  <img alt="Vitest UI with details at the bottom" img-dark src="/ui/dark-ui-details-bottom.png">
+</center>
+== right
+<center>
+  <img alt="Vitest UI with details at the right side" img-light src="/ui/light-ui-details-right.png">
+  <img alt="Vitest UI with details at the right side" img-dark src="/ui/dark-ui-details-right.png">
+</center>
+:::

docs/config/browser/detailspanelposition.md

@@ -19,7 +19,7 @@ Uses [`node:async_hooks`](https://nodejs.org/api/async_hooks.html) to track crea
 For example if your code has `setTimeout` calls that execute the callback after tests have finished, you will see following error:
 
 ```sh
-⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Async Leaks 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
+⎯⎯⎯⎯⎯⎯⎯⎯ Async Leaks 1 ⎯⎯⎯⎯⎯⎯⎯⎯
 
 Timeout leaking in test/checkout-screen.test.tsx
  26|