Add progress bars to show loading time and healthbars (#1107)

## Description:


Add progress bars to show construction time, loading time and health
bars in the UI layer

The progress bars always show at least one pixel of progression (better
visuals)


![buildcity](https://github.com/user-attachments/assets/7181642a-742d-4996-8ca9-748b55c04a58)

![launchNuke](https://github.com/user-attachments/assets/85fbed8f-3d91-4d7e-9c01-737ee5868992)

![ships2](https://github.com/user-attachments/assets/9fd53e6a-b2c7-4044-8b65-6f61231775b1)


## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced
- [x] I understand that submitting code with bugs that could have been
caught through manual testing blocks releases and new features for all
contributors

## Please put your Discord username so you can be contacted if a bug or
regression is found:

Vivacious Box

---------

Co-authored-by: evanpelle <evanpelle@gmail.com>

package.json

@@ -43,6 +43,7 @@
     "autoprefixer": "^10.4.20",
     "babel-jest": "^29.7.0",
     "binary-base64-loader": "^1.0.0",
+    "canvas": "^3.1.0",
     "chai": "^5.1.1",
     "concurrently": "^8.2.2",
     "cross-env": "^7.0.3",
@@ -57,6 +58,7 @@
     "html-loader": "^5.1.0",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^30.0.0-beta.3",
     "lint-staged": "^15.4.3",
     "mrmime": "^2.0.0",
     "postcss": "^8.5.1",