fix: scroll to server list section in discover-web screenshot

The discover-web screenshot now scrolls to the category pills / server
grid section instead of capturing the hero banner at the top of the page.

Signed-off-by: Mohammod Al Amin Ashik <maa.ashik00@gmail.com>

Author: its-mash

docs/screenshots/discover-web.png

@@ -915,6 +915,20 @@ describe('Screenshot Capture', function () {
       await browser.setWindowSize(1920, 1080);
       await browser.pause(500);
 
+      // Scroll down to the server list section so the screenshot focuses on
+      // the registry grid rather than the hero banner
+      try {
+        const categoryPill = await $('[data-testid="category-pill-all"]');
+        if (await categoryPill.isExisting()) {
+          await categoryPill.scrollIntoView({ block: 'start' });
+          await browser.pause(500);
+        }
+      } catch {
+        // Fallback: scroll by a fixed amount to get past the hero
+        await browser.execute(() => window.scrollBy(0, 600));
+        await browser.pause(500);
+      }
+
       await saveFullScreenshot('discover-web');
 
       await browser.url(originalUrl);