Add a FileTree component and convert every directory tree to it

content/en/3.serveex/2.core/2.docker.md

@@ -62,14 +62,16 @@ sudo mkdir /docker
 
 ### Configuration
 
-File structure we will create:
-
-```text [Directory tree]
-root
-└── docker
-    └── dockge    
-        └── compose.yml
-```
+::file-tree
+---
+label: File structure we will create
+tree:
+  /:
+    - docker:
+      - dockge:
+        - compose.yml
+---
+::
 
 ::steps{level="4"}
 #### Create the stack folder

content/en/3.serveex/2.core/3.swag.md

@@ -26,23 +26,25 @@ Below is an example exposing Dockge. We will install SWAG along with the dbip mo
 This tutorial assumes you have a domain name pointing to your server, and that your router has a NAT rule forwarding port `443` to your server's IP and port `443`. The example domain will be `mydomain.com`.
 ::
 
-File structure to be modified:
-
-```text [Directory tree]
-root
-└── docker
-    └── swag
-        ├── config
-        │   ├── dns-conf
-        │   │   └── ovh.ini
-        │   └── nginx
-        │       ├── dbip.conf
-        │       ├── nginx.conf
-        │       └── proxy-confs
-        │           └── dockge.subdomain.conf      
-        ├── compose.yml
-        └── .env
-```
+::file-tree
+---
+label: File structure to modify
+tree:
+  /:
+    - docker:
+      - swag:
+        - config:
+          - dns-conf:
+            - ovh.ini
+          - nginx:
+            - dbip.conf
+            - nginx.conf
+            - proxy-confs:
+              - dockge.subdomain.conf
+        - compose.yml
+        - .env
+---
+::
 
 ::steps{level="3"}
 ### Deploy the stack