cherry-pick(#37731): docs: add agents video to agents page (#37733)

Author: agg23

docs/src/test-agents-js.md

@@ -3,8 +3,12 @@ id: test-agents
 title: "Agents"
 ---
 
+import LiteYouTube from '@site/src/components/LiteYouTube';
+
 # Playwright Agents
 
+## Introduction
+
 Playwright comes with three Playwright Agents out of the box: **🎭 planner**, **🎭 generator** and **🎭 healer**.
 
 These agents can be used independently, sequentially, or as the chained calls in the agentic loop.
@@ -16,6 +20,11 @@ Using them sequentially will produce test coverage for your product.
 
 * **🎭 healer** executes the test suite and automatically repairs failing tests
 
+<LiteYouTube
+  id="_AifxZGxwuk"
+  title="Playwright 1.56 - Introducing Playwright Agents"
+/>
+
 ### Getting Started
 
 Start with adding Playwright Agent definitions to your project using