Add a FileTree component and convert every directory tree to it

content/en/6.recycled/1.deprecated/1.wireguard-14.md

@@ -59,17 +59,18 @@ So only VPN-connected devices can communicate with each other on the VPN, not wi
 __Warning:__ This guide uses version `14` of [wg-easy](https://wg-easy.github.io/wg-easy/latest/). Version `15` introduces breaking changes incompatible with this configuration.
 ::
 
-Folder structure:
-
-```text [Directory tree]
-root
-└── docker
-    └── wg-easy
-        ├── config
-        │   └── etc_wireguard
-        ├── compose.yaml
-        └── .env
-```
+::file-tree
+---
+tree:
+  /:
+    - docker:
+      - wg-easy:
+        - config:
+          - etc_wireguard/
+        - compose.yaml
+        - .env
+---
+::
 
 The container runs in `HOST` mode, meaning it uses the host’s network stack directly.
 
@@ -171,16 +172,17 @@ If it fails, check firewall rules.
 Assumes the client is a Linux server with Docker installed
 ::
 
-Folder structure:
-
-```text [Directory tree]
-root
-└── docker
-    └── wireguard
-        └── config
-        │   └── wg_confs
-        └── compose.yaml
-```
+::file-tree
+---
+tree:
+  /:
+    - docker:
+      - wireguard:
+        - config:
+          - wg_confs/
+        - compose.yaml
+---
+::
 
 Create the folder `/docker/wireguard/config/wg_confs`:
 

content/en/6.recycled/2.alternatives/1.plex.md

@@ -32,22 +32,25 @@ You’ll need to create a *Plex.tv* account. You don’t need to expose your Ple
 ::
 
 ## Install Plex
-Folder structure:
-```text [Directory tree]
-root
-├── docker
-│   ├── plex      
-│   │   ├── compose.yml
-│   │   ├── .env
-│   │   ├── config
-│   │   └── transcode
-│   └── tautulli
-│       └── config
-└── media
-    ├── tvseries
-    ├── movies
-    └── library
-```
+
+::file-tree
+---
+tree:
+  /:
+    - docker:
+      - plex:
+        - compose.yml
+        - .env
+        - config/
+        - transcode/
+      - tautulli:
+        - config/
+    - media:
+      - tvseries/
+      - movies/
+      - library/
+---
+::
 
 Create the `movies`, `tvseries`, and `library` folders in `/media`:
 

content/en/6.recycled/2.alternatives/2.qbittorrent for plex.md

@@ -29,23 +29,24 @@ Here’s the system we’ll set up:
 ![Picture](/img/serveex/qbit.svg)
 
 ## Configuration
-Folder structure
 
-```text [Directory tree]
-root
-├── docker
-│   └── seedbox
-│       ├── qbittorrent
-│       │   └── config
-│       ├── gluetun
-│       ├── compose.yaml
-│       └── .env
-│       
-└── media #linked to Plex and Qbittorrent
-    ├── downloads #generic downloads, selected in settings
-    ├── movies #used for downloading movies
-    └── tvseries #used for downloading TV shows
-```
+::file-tree
+---
+tree:
+  /:
+    - docker:
+      - seedbox:
+        - qbittorrent:
+          - config/
+        - gluetun/
+        - compose.yaml
+        - .env
+    - "media # linked to Plex and Qbittorrent":
+      - "downloads/ # generic downloads, selected in settings"
+      - "movies/ # used for downloading movies"
+      - "tvseries/ # used for downloading TV shows"
+---
+::
 
 If not already done, create the `downloads` folder under `/media`:
 

content/en/6.recycled/2.alternatives/3.servarr for plex.md

@@ -28,33 +28,34 @@ We’ll start by deploying the stack and then proceed to configure each app and
 
 ### Docker Compose
 
-Folder structure:
-
-```text [Directory tree]
-root
-├── docker
-│   ├── plex      
-│   │   ├── compose.yml
-│   │   ├── config
-│   │   └── transcode
-│   ├── tautulli
-│   │   └── config
-│   ├── sonarr
-│   │   └── config
-│   ├── radarr
-│   │   └── config
-│   ├── bazarr
-│   │   └── config
-│   ├── prowlarr
-│   │   └── config
-│   └── overseerr
-│       └── config
-└── media
-    ├── downloads
-    ├── tvseries
-    ├── movies
-    └── library
-```
+::file-tree
+---
+tree:
+  /:
+    - docker:
+      - plex:
+        - compose.yml
+        - config/
+        - transcode/
+      - tautulli:
+        - config/
+      - sonarr:
+        - config/
+      - radarr:
+        - config/
+      - bazarr:
+        - config/
+      - prowlarr:
+        - config/
+      - overseerr:
+        - config/
+    - media:
+      - downloads/
+      - tvseries/
+      - movies/
+      - library/
+---
+::
 
 ::warning
 

content/en/6.recycled/2.alternatives/4.gitea.md

@@ -19,14 +19,16 @@ description: Install Gitea, a lightweight self-hosted Git service to manage your
 ![gitea](https://about.gitea.com/img/home-screenshot.png)
 
 ## Installation
-Folder structure
 
-```text [Directory tree]
-root
-└── docker
-    └── gitea
-        └── data
-```
+::file-tree
+---
+tree:
+  /:
+    - docker:
+      - gitea:
+        - data/
+---
+::
 
 Open Dockge, click on `compose`, name the stack `gitea`, and paste the following content: