chore: Add youtube channel to docs website

Author: tjtanjin

docs/concepts/conversations.md

@@ -22,6 +22,12 @@ const flow = {
 }
 ```
 
+:::tip Tip
+
+Check out the [**YouTube Tutorial**](https://www.youtube.com/watch?v=nRJ9lGMrV8g) explaining the conversation flow concept through stronger visuals and animations.
+
+:::
+
 In a conversation, there are 4 important properties to take note of and they are the **Flow** (conversation flow), **Block** (conversation block), **Attributes** and **Params**. Below,
 we observe how these properties interact with each other:
 

docs/introduction/quickstart.md

@@ -53,6 +53,6 @@ Alternatively, you may also experiment with the `primaryColor` and `secondaryCol
 
 :::info Info
 
-In the next few sections, we will go through a brief overview on React ChatBotify, cover important properties as well as explore conversations/configurations. It is recommended to sit through these sections without skipping them as they will help ease your use of the library and the understanding of this documentation 😊!
+In the next few sections, we will go through a brief overview on React ChatBotify, cover important properties as well as explore conversations/configurations. These materials are also available in the form of [**YouTube Tutorials**](https://www.youtube.com/watch?v=nRJ9lGMrV8g). It is recommended to sit through these contents without skipping them as they will help ease your use of the library and the understanding of this documentation 😊!
 
 :::

docusaurus.config.js

@@ -158,6 +158,10 @@ const config = {
                 label: 'Twitter (X)',
                 href: 'https://x.com/reactchatbotify',
               },
+              {
+                label: 'YouTube',
+                href: 'https://www.youtube.com/watch?v=nRJ9lGMrV8g',
+              },
             ],
           },
         ],