Update device settings page to better handle server reload and force page refresh for settings changes #7773

	name: Javascript Tests

	on:
	push:
	branches:
	- develop
	- 'release-v**'
	pull_request:
	branches:
	- develop
	- 'release-v**'

	jobs:
	pre_job:
	name: Path match check
	runs-on: ubuntu-latest
	# Map a step output to a job output
	outputs:
	should_skip: ${{ steps.skip_check.outputs.should_skip }}
	steps:
	- id: skip_check
	uses: fkirc/skip-duplicate-actions@master
	with:
	github_token: ${{ github.token }}
	paths: '[".vue", ".js", "yarn.lock"]'
	test:
	name: Frontend tests
	needs: pre_job
	if: ${{ needs.pre_job.outputs.should_skip != 'true' }}
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v4
	- name: Use Node.js
	uses: actions/setup-node@v3
	with:
	node-version: '16.x'
	- name: Get yarn cache directory path
	id: yarn-cache-dir-path
	run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
	- name: Cache Node.js modules
	uses: actions/cache@v3
	with:
	path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
	key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
	restore-keys: \|
	${{ runner.os }}-yarn-
	- name: Install dependencies
	run: \|
	yarn --frozen-lockfile
	npm rebuild node-sass
	- name: Run tests
	run: yarn run coverage

Provide feedback