fix: CI workflow Playwright install order + ecommerce aria-label

Move Playwright browser install before turbo test to prevent E2E
failures in CI. Add missing aria-label="Add to cart" on floating
cart button for E2E test compatibility.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: fyalavuz

.github/workflows/ci.yml

@@ -17,13 +17,11 @@ jobs:
           node-version: 20
           cache: pnpm
       - run: pnpm install --frozen-lockfile
+      - name: Install Playwright browsers
+        run: cd e2e && pnpm exec playwright install --with-deps chromium
       - run: pnpm turbo build
-      - run: pnpm turbo test
       - run: pnpm turbo lint
-      - name: Install Playwright
-        run: cd e2e && pnpm exec playwright install --with-deps chromium
-      - name: Run E2E tests
-        run: cd e2e && pnpm test
+      - run: pnpm turbo test
       - uses: actions/upload-artifact@v4
         if: failure()
         with:

apps/examples/app/ecommerce/page.tsx

@@ -274,7 +274,7 @@ export default function EcommerceExample() {
       </Content>
 
       <Footer variant="floating" position="right">
-        <button className="relative flex items-center justify-center size-14 rounded-full bg-primary text-primary-foreground shadow-xl hover:scale-105 transition-transform">
+        <button aria-label="Add to cart" className="relative flex items-center justify-center size-14 rounded-full bg-primary text-primary-foreground shadow-xl hover:scale-105 transition-transform">
           <ShoppingCart className="size-6" />
           <span className="absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-destructive px-1 text-[11px] font-bold text-white">
             3