build: update to Node.js v24.0.0, pnpm v10, Tailwind CSS v4

packages/blog/posts/clean-code.md

@@ -109,11 +109,11 @@ const transaction = charge(user, subscription)
 
 ```typescript
 interface Car {
-  carModel: string
-  carColor: "red" | "blue" | "yellow"
+    carModel: string
+    carColor: "red" | "blue" | "yellow"
 }
 const printCar = (car: Car): void => {
-  console.log(`${car.carModel} (${car.carColor})`)
+    console.log(`${car.carModel} (${car.carColor})`)
 }
 ```
 
@@ -121,11 +121,11 @@ const printCar = (car: Car): void => {
 
 ```typescript
 interface Car {
-  model: string
-  color: "red" | "blue" | "yellow"
+    model: string
+    color: "red" | "blue" | "yellow"
 }
 const printCar = (car: Car): void => {
-  console.log(`${car.model} (${car.color})`)
+    console.log(`${car.model} (${car.color})`)
 }
 ```
 
@@ -174,13 +174,13 @@ import fs from "node:fs"
 import path from "node:path"
 
 const createFile = async (
-  name: string,
-  isTemporary: boolean = false,
+    name: string,
+    isTemporary: boolean = false,
 ): Promise<void> => {
-  if (isTemporary) {
-    return await fs.promises.writeFile(path.join("temporary", name), "")
-  }
-  return await fs.promises.writeFile(name, "")
+    if (isTemporary) {
+        return await fs.promises.writeFile(path.join("temporary", name), "")
+    }
+    return await fs.promises.writeFile(name, "")
 }
 ```
 
@@ -193,11 +193,11 @@ import fs from "node:fs"
 import path from "node:path"
 
 const createFile = async (name: string): Promise<void> => {
-  await fs.promises.writeFile(name, "")
+    await fs.promises.writeFile(name, "")
 }
 
 const createTemporaryFile = async (name: string): Promise<void> => {
-  await createFile(path.join("temporary", name))
+    await createFile(path.join("temporary", name))
 }
 ```
 

packages/blog/posts/hello-world.md

@@ -39,23 +39,23 @@ The code of this website is open source on [GitHub](https://github.com/theoludwi
 
 - [Next.js](https://nextjs.org/)
 
-  It allows to have a server-side rendered website, that means that it is faster and easier to have a good <abbr title="Search Engine Optimization">SEO</abbr> than a <abbr title="Single Page Application">SPA</abbr>.
+    It allows to have a server-side rendered website, that means that it is faster and easier to have a good <abbr title="Search Engine Optimization">SEO</abbr> than a <abbr title="Single Page Application">SPA</abbr>.
 
 - [MDX](https://mdxjs.com/)
 
-  MDX is an extension of Markdown that allows you to use custom React components.
+    MDX is an extension of Markdown that allows you to use custom React components.
 
-  Here's what Markdown looks like:
+    Here's what Markdown looks like:
 
-  ```md
-  A simple paragraph, with some **bold** text and some `inline code`.
-  ```
+    ```md
+    A simple paragraph, with some **bold** text and some `inline code`.
+    ```
 
-  When using Markdown in a web application, there's a "compile" step; the Markdown needs to be transformed into HTML, so that it can be understood by the browser. Those asterisks get turned into a `<strong>` tag, and each paragraph gets a `<p>` tag etc.
+    When using Markdown in a web application, there's a "compile" step; the Markdown needs to be transformed into HTML, so that it can be understood by the browser. Those asterisks get turned into a `<strong>` tag, and each paragraph gets a `<p>` tag etc.
 
 - [Tailwind CSS](https://tailwindcss.com/)
 
-  Tailwind is a CSS framework to rapidly build modern websites without ever leaving HTML.
+    Tailwind is a CSS framework to rapidly build modern websites without ever leaving HTML.
 
 ## Conclusion