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`: