fix: simplify Playwright installation in GitHub Actions

Author: mengqi92

.github/workflows/setup-node/action.yml

@@ -9,12 +9,6 @@ runs:
       with:
         node-version: 20
 
-    - name: Install system dependencies for Playwright 🖥️
-      shell: bash
-      run: |
-        sudo apt-get update
-        sudo apt-get install -y libasound2t64 libffi8 libx264-dev fonts-liberation libnss3 libatk-bridge2.0-0 libatk1.0-0 libatspi2.0-0 libcups2 libdbus-1-3 libdrm2 libgbm1 libnspr4 libpango-1.0-0 libxcomposite1 libxdamage1 libxfixes3 libxkbcommon0 libxrandr2 xvfb
-
     - name: Cache dependencies ⚡
       id: cache_dependencies
       uses: actions/cache@v3
@@ -25,4 +19,17 @@ runs:
     - name: Install dependencies 🔧
       shell: bash
       if: steps.cache_dependencies.outputs.cache-hit != 'true'
-      run: npm install
+      run: npm install
+
+    - name: Install Playwright and browsers
+      shell: bash
+      run: |
+        # Update package lists with official repositories
+        sudo apt-get update
+        
+        # Install system dependencies first
+        sudo apt-get install -y wget xvfb
+        
+        # Install Playwright browsers with the recommended GitHub Actions approach
+        # This will automatically install the correct dependencies for the browsers
+        npx playwright install --with-deps chromium firefox webkit