fix: increase scroll offset for discover-web screenshot

Scroll 500px past category pills so server cards fill the viewport
instead of the hero banner dominating the screenshot.

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

Author: its-mash

docs/screenshots/discover-web.png

@@ -915,17 +915,21 @@ 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
+      // Scroll down past the hero so the server grid is the main focus.
+      // First scroll to the category pills, then nudge further so the
+      // server cards fill the viewport.
       try {
         const categoryPill = await $('[data-testid="category-pill-all"]');
         if (await categoryPill.isExisting()) {
           await categoryPill.scrollIntoView({ block: 'start' });
+          await browser.pause(300);
+          // Scroll down more so the server cards fill the viewport
+          await browser.execute(() => window.scrollBy(0, 500));
           await browser.pause(500);
         }
       } catch {
-        // Fallback: scroll by a fixed amount to get past the hero
-        await browser.execute(() => window.scrollBy(0, 600));
+        // Fallback: scroll by a large fixed amount to get past the hero
+        await browser.execute(() => window.scrollBy(0, 900));
         await browser.pause(500);
       }