docs: add YouTube demo section with preview thumbnail to root + extension READMEs

Add centered demo section with YouTube video link and preview image (readme-svg-youtube-preview badge for root, docs/preview_compressed.webp for extension) to both READMEs. Update .gitignore to allow docs/ directory and preview_compressed.webp file (new section 5b), remove standalone `docs` exclusion at end of file.

Author: A.R.

.gitignore

@@ -34,6 +34,10 @@
 !mcp-tool-icons/
 !mcp-tool-icons/**
 
+# 5b. Allow specific docs assets (e.g. README preview images)
+!docs/
+!docs/preview_compressed.webp
+
 # 6. Allow packages (production source)
 !packages/
 
@@ -66,5 +70,4 @@
 **/PLAN.md
 .env*
 packages/extension/media/webview/
-packages/extension/dist/node_modules/
-docs
+packages/extension/dist/node_modules/

README.md

@@ -37,6 +37,19 @@
 
 ---
 
+## Demo
+
+<p align="center">
+  <a href="https://www.youtube.com/watch?v=wErgEe9Pgqo" title="Watch on YouTube">
+    <img src="https://readme-svg-youtube-preview.vercel.app/badge?id=wErgEe9Pgqo&width=640&radius=8&bg=0d1117&title_color=ffffff&title_opacity=1&plate_color=0f1117&plate_opacity=0.78&title_position=overlay_bottom&border_width=1&border_color=ffffff" alt="Perplexity MCP demo — Search, Reason, Research, and Computer mode as a native MCP tool in your code editor" width="720">
+  </a>
+</p>
+
+<p align="center"><sub>▶ Watch the demo on YouTube</sub></p>
+
+---
+
+
 ## Install the Extension
 
 <div align="center">

docs/preview_compressed.webp

@@ -25,6 +25,18 @@
 
 ---
 
+## Demo
+
+<p align="center">
+  <a href="https://www.youtube.com/watch?v=wErgEe9Pgqo" title="Watch on YouTube">
+    <img src="https://raw.githubusercontent.com/Automations-Project/VSCode-Perplexity-MCP/main/docs/preview_compressed.webp" alt="Perplexity MCP demo — Search, Reason, Research, and Computer mode as a native MCP tool in your code editor" width="720">
+  </a>
+</p>
+
+<p align="center"><sub>▶ Watch the demo on YouTube</sub></p>
+
+---
+
 ## Install
 
 | IDE | Install |