docs: theme-aware intro banner for light and dark mode

Replace single docs-banner with separate light/dark assets and
switch images via Tailwind dark: classes on introduction pages.

Made-with: Cursor

Author: VinciGit00

images/introduction/docs-banner.png images/introduction/docs-banner-dark.pngimages/introduction/docs-banner.png renamed to images/introduction/docs-banner-dark.png

@@ -4,8 +4,16 @@ description: 'Welcome to ScrapeGraphAI - AI-Powered Web Data Extraction'
 ---
 
 <img
+  className="block dark:hidden w-full"
   style={{ borderRadius: '0.5rem' }}
-  src="/images/introduction/docs-banner.png"
+  src="/images/introduction/docs-banner-ligth.png"
+  alt="ScrapeGraphAI Documentation"
+/>
+<img
+  className="hidden dark:block w-full"
+  style={{ borderRadius: '0.5rem' }}
+  src="/images/introduction/docs-banner-dark.png"
+  alt="ScrapeGraphAI Documentation"
 />
 
 ## Overview

images/introduction/docs-banner-ligth.png

@@ -8,8 +8,16 @@ You are viewing the **v1 (legacy)** documentation. v1 is deprecated and will be
 </Warning>
 
 <img
+  className="block dark:hidden w-full"
   style={{ borderRadius: '0.5rem' }}
-  src="/images/introduction/docs-banner.png"
+  src="/images/introduction/docs-banner-ligth.png"
+  alt="ScrapeGraphAI Documentation"
+/>
+<img
+  className="hidden dark:block w-full"
+  style={{ borderRadius: '0.5rem' }}
+  src="/images/introduction/docs-banner-dark.png"
+  alt="ScrapeGraphAI Documentation"
 />
 
 ## Overview