Add a FileTree component and convert every directory tree to it

content/en/3.serveex/3.security/1.wireguard.md

@@ -53,15 +53,18 @@ __Warning__: If your IP is not static, use a Dynamic DNS service ([DynDNS](https
 
 ### 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
+---
+::
 
 ::steps{level="3"}
 ### Deploy the stack
@@ -190,14 +193,17 @@ We assume the client server runs Linux 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
+---
+::
 
 ::steps{level="3"}
 ### Create the folder