Fix GitHub Actions permissions for Pages deployment

- Add proper permissions for GitHub Pages deployment
- Use official GitHub Pages actions instead of third-party
- Add concurrency control to prevent deployment conflicts
- Remove pull_request trigger to only deploy on main branch pushes

This should resolve the 403 permission error when deploying to GitHub Pages.

Author: WayneGreeley

.github/workflows/deploy.yml

@@ -3,8 +3,18 @@ name: Deploy Vue Tetris to GitHub Pages
 on:
   push:
     branches: [ main ]
-  pull_request:
-    branches: [ main ]
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
 
 jobs:
   build-and-deploy:
@@ -27,10 +37,14 @@ jobs:
     - name: Build
       run: npm run build
 
-    - name: Deploy to GitHub Pages
-      uses: peaceiris/actions-gh-pages@v3
-      if: github.ref == 'refs/heads/main'
+    - name: Setup Pages
+      uses: actions/configure-pages@v4
+
+    - name: Upload artifact
+      uses: actions/upload-pages-artifact@v3
       with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: dist
-        cname: # Optional: add your custom domain here
+        path: ./dist
+
+    - name: Deploy to GitHub Pages
+      id: deployment
+      uses: actions/deploy-pages@v4