update html components to mui components including loading #891

	name: Build VMRS App
	on:
	pull_request:
	branches: [development]
	paths-ignore:
	- "*.md"

	jobs:
	push-docker-container:
	runs-on: ubuntu-latest
	if: github.event.pull_request.merged == true
	steps:
	- uses: actions/checkout@v2
	- name: Set up QEMU
	uses: docker/setup-qemu-action@v1
	- name: Set up Docker Buildx
	uses: docker/setup-buildx-action@v1
	- name: Login to DockerHub
	uses: docker/login-action@v1
	with:
	username: ${{ secrets.DOCKERHUB_USERNAME }}
	password: ${{ secrets.DOCKERHUB_TOKEN }}
	- name: Build and push client
	id: client_build
	uses: docker/build-push-action@v2
	with:
	context: ./client
	file: ./client/Dockerfile.client
	platforms: linux/amd64
	target: client-production
	stdin_open: true
	push: true
	tags: \|
	vrmsdeploy/vrms:client
	- name: Client digest
	run: echo ${{ steps.client_build.outputs.digest }}
	- name: Build and push backend
	id: backend_build
	uses: docker/build-push-action@v2
	with:
	context: ./backend
	file: ./backend/Dockerfile.api
	platforms: linux/amd64
	target: api-production
	stdin_open: true
	push: true
	tags: \|
	vrmsdeploy/vrms:backend
	- name: Backend digest
	run: echo ${{ steps.backend_build.outputs.digest }}
	- name: Build and push nginx
	uses: docker/build-push-action@v2
	id: nginx_build
	with:
	context: ./nginx
	file: ./nginx/Dockerfile.nginx
	platforms: linux/amd64
	push: true
	tags: \|
	vrmsdeploy/vrms:nginx
	- name: Nginx digest
	run: echo ${{ steps.nginx_build.outputs.digest }}

Provide feedback