docs: Embed auto-approve video and update tutorial videos list (#194)

Co-authored-by: Your Name <[email protected]>

Author: SannidhyaSah

docs/features/auto-approving-actions.md docs/features/auto-approving-actions.mdxdocs/features/auto-approving-actions.md renamed to docs/features/auto-approving-actions.mdx

@@ -4,6 +4,23 @@
 
 Auto-approve settings speed up your workflow by eliminating repetitive confirmation prompts, but they significantly increase security risks.
 
+<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden' }}>
+  <iframe
+    src="https://www.youtube.com/embed/jW4_PPyRXCs"
+    style={{
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+    }}
+    frameBorder="0"
+    allow="autoplay; encrypted-media"
+    allowFullScreen
+  ></iframe>
+</div>
+<br />
+
 ## Quick Start Guide
 
 1. Click the Auto-Approve Toolbar above the chat input

docs/tutorial-videos.json

@@ -1,20 +1,24 @@
 {
   "videos": [
-    {
-      "id": "qgqceCuhlRA",
-      "title": "Custom Modes in Roo Code | Official Tutorial "
-    },
     {
       "id": "Mcq3r1EPZ-4",
       "title": "Installing Roo Code in VS Code"
     },
+    {
+      "id": "eEJErgZBqLE",
+      "title": "Configuring Profiles | Detailed Tutorial"
+    },
     {
       "id": "QDy3dm1xJ6Y",
       "title": "Setting up MCP server in Roo"
     },
     {
-      "id": "eEJErgZBqLE",
-      "title": "Configuring Profiles | Detailed Tutorial"
+      "id": "jW4_PPyRXCs",
+      "title": "Auto Approve in Roo Code Explained | Detailed Tutorial"
+    },
+    {
+      "id": "qgqceCuhlRA",
+      "title": "Custom Modes in Roo Code | Official Tutorial "
     }
   ]
 }