chore: change CI workflow to avoid caching issues

.github/workflows/main.yml

@@ -13,30 +13,41 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        node: [18]
+        node: [18, 20]
 
     steps:
       - name: Clone repository
         uses: actions/checkout@v4
         with:
           fetch-depth: 3
 
-      - name: Use latest version of Node.js
+      - name: Set NodeJS
         uses: actions/setup-node@v4
         with:
-          node-version: "*"
+          node-version: ${{ matrix.node }}
+          cache: 'pnpm'
 
-      - name: Cache pnpm modules
-        uses: actions/cache@v3
-        with:
-          path: ~/.pnpm-store
-          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-
-      - uses: pnpm/[email protected]
+      - uses: pnpm/action-setup@v2
+        name: Install pnpm
         with:
           version: 8
-          run_install: true
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Run pnpm install dependencies
+        run: pnpm install
 
       - run: pnpm --version
 
@@ -117,4 +128,4 @@ jobs:
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           destination_dir: playwright-report
-          publish_dir: ./playwright-report
+          publish_dir: ./playwright-report