chore: add videos

Author: kamilmysliwiec

content/devtools/ci-cd.md

@@ -4,6 +4,20 @@
 
 CI/CD integration is available for users with the **[Enterprise](/settings)** plan.
 
+You can watch this video to learn why & how CI/CD integration can help you:
+
+<figure>
+  <iframe
+    width="800"
+    height="450"
+    src="https://www.youtube.com/embed/r5RXcBrnEQ8"
+    title="YouTube video player"
+    frameBorder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    allowFullScreen
+  ></iframe>
+</figure>
+
 #### Publishing graphs
 
 Let's first configure the application bootstrap file (`main.ts`) to use the `GraphPublisher` class (exported from the `@nestjs/devtools-integration` - see previous chapter for more details), as follows:

content/devtools/overview.md

@@ -148,6 +148,21 @@ Just execute the code **on the fly** and see the results instantly, without havi
 
 > info **Hint** To pretty display an array of objects, use the `console.table()` (or just `table()`) function.
 
+You can watch this video to see the **Interactive Playground** feature in action:
+
+<figure>
+  <iframe
+    width="800"
+    height="450"
+    src="https://www.youtube.com/embed/liSxEN_VXKM"
+    title="YouTube video player"
+    frameBorder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    allowFullScreen
+  ></iframe>
+</figure>
+
+
 #### Bootstrap performance analyzer
 
 To see a list of all class nodes (controllers, providers, enhancers, etc.) and their corresponding instantiation times, navigate to the **Bootstrap performance** page: