Add github action to deploy page

.github/workflows/deploy_page.yml

@@ -0,0 +1,41 @@
+name: Build and Deploy to GitHub Pages
+
+on:
+  push:
+    # branches:
+    #   - main  # You can change this to the branch you want
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+        cache: 'npm'
+
+    - name: Build project
+      run: |
+        npm ci
+        npm run predeploy
+
+    - name: Upload build artifacts
+      uses: actions/upload-pages-artifact@v3  # This stores the build output
+      with:
+        path: build
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    permissions:
+      pages: write  # Allows deployment to GitHub Pages
+      id-token: write  # Needed for GitHub Pages deployment
+
+    steps:
+    - name: Deploy to GitHub Pages
+      uses: actions/deploy-pages@v4  # This deploys the stored artifacts

web/package.json → package.json

@@ -27,7 +27,7 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "predeploy": "npm run build",
+    "predeploy": "CI=false && npm run build",
     "deploy": "gh-pages -d build"
   },
   "eslintConfig": {