fix: 🐛 addressing percy

src/styles/global.scss

@@ -9,4 +9,3 @@ button {
   width: 32px;
   margin-right: 16px;
 }
-

tests/example.spec.js

@@ -1,10 +1,10 @@
 import { test, expect } from "@playwright/test";
+const { chromium } = require("playwright");
 const { AxeBuilder } = require("@axe-core/playwright");
 const percySnapshot = require("@percy/playwright");
 
 test("test", async ({ page }) => {
   await page.goto("http://localhost:9000/");
-  await percySnapshot(page, "Setup Example ScreenShort for Percy");
   try {
     const results = await new AxeBuilder({ page }).analyze();
     console.log(results);
@@ -20,3 +20,11 @@ test("test", async ({ page }) => {
   await page.getByRole("button", { name: "-" }).click();
   await page.getByText("0").click();
 });
+
+(async () => {
+  const browser = await chromium.launch();
+  const page = await browser.newPage();
+  await page.goto("http://localhost:9000/", { waitUntil: "networkidle" });
+  await percySnapshot(page, "Setup Example");
+  await browser.close();
+})();