Build and Publish wifi-connect-ui

- use custom publish action for building and publishing the ui
- update react-scripts to v5.x to be compatible with NodeJS 20.x otherwise builds
  fail with `Error: error:0308010c:digital envelope routines::unsupported [Node Error Solved]`

Change-type: patch
Signed-off-by: Rahul Thakoor <rahul@balena.io>

.github/actions/publish/action.yml

@@ -0,0 +1,49 @@
+---
+name: package and draft GitHub release
+# https://github.com/product-os/flowzone/tree/master/.github/actions
+inputs:
+  json:
+    description: "JSON stringified object containing all the inputs from the calling workflow"
+    required: true
+  secrets:
+    description: "JSON stringified object containing all the secrets from the calling workflow"
+    required: true
+  variables:
+    description: "JSON stringified object containing all the variables from the calling workflow"
+    required: true
+
+  # --- custom environment
+  NODE_VERSION:
+    type: string
+    default: "20.x"
+
+runs:
+  # https://docs.github.com/en/actions/creating-actions/creating-a-composite-action
+  using: "composite"
+  steps:    
+    - name: Setup Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ inputs.NODE_VERSION }}
+
+    - name: Install dependencies
+      shell: bash
+      run: |
+        cd ./ui
+        if [ -e package-lock.json ]; then
+          npm ci
+        else
+          npm i
+        fi
+
+    - name: Build wifi-connect-ui
+      shell: bash
+      run: |
+        cd ./ui
+        npm run build
+
+    - name: Upload artifacts
+      uses: actions/upload-artifact@c7d193f32edcb7bfad88892161225aeda64e9392 # v4
+      with:
+        name: gh-release-wifi-connect-ui-${{ github.event.pull_request.head.sha || github.event.head_commit.id }}-${{ strategy.job-index }}
+        path: ./ui/build