frontend build check: build frontend docker image (#1804)

Build the docker image to ensure image builds correctly, partially replacing local install + build (though still running tests + lint outside docker)

.github/workflows/frontend-build-check.yaml

@@ -6,6 +6,7 @@ on:
       - 'frontend/*.json'
       - 'frontend/*.js'
       - 'frontend/*.ts'
+      - '.github/workflows/frontend-build-check.yaml'
 jobs:
   setup-and-build:
     runs-on: ubuntu-latest
@@ -44,9 +45,17 @@ jobs:
       - name: Localization build
         working-directory: frontend
         run: yarn localize:prepare
-      - name: Remove non-production dependencies
+
-        working-directory: frontend
+      - name: Set up Docker Buildx
-        run: yarn install --frozen-lockfile --ignore-optional --production
+        uses: docker/setup-buildx-action@v2
-      - name: Webpack build
+        with:
-        working-directory: frontend
+          driver-opts: network=host
-        run: yarn build
+
+      - name: Build Frontend
+        uses: docker/build-push-action@v3
+        with:
+          context: frontend
+          load: true
+          tags: webrecorder/browsertrix-frontend:latest
+          cache-from: type=gha,scope=frontend
+          cache-to: type=gha,scope=frontend,mode=max