Added pre-commit config for formatting the UI code

.pre-commit-config.yaml

@@ -8,3 +8,8 @@ repos:
     rev: v2.4.2
     hooks:
       - id: codespell
+  - repo: https://github.com/rbubley/mirrors-prettier
+    rev: v3.5.0
+    hooks:
+      - id: prettier
+        files: ^ui/app/

CHANGELOG.md

@@ -11,6 +11,7 @@ ENHANCEMENTS:
 * Exclude recovery service vaults from e2e tests ([#4920](https://github.com/microsoft/AzureTRE/issues/4920))
 * Update API, CLI, and UI dependencies to address high-severity Dependabot alerts, including `PyJWT`, `Vite`, `lodash`, `fast-uri`, `flatted`, `immutable`, and `minimatch`.
 * Update dependencies to address Dependabot security alerts: `aiohttp` to 3.14.1, `Pygments` to 2.20.0, `esbuild`, `ws`, `js-yaml`, `@babel/core`, `flatted` (via vitest upgrade), and `react-router-dom`. ([#4950](https://github.com/microsoft/AzureTRE/issues/4950))
+* Added support for formatting UI code via `pre-commit` and fixed existing formatting issues. ([#4955](https://github.com/microsoft/AzureTRE/issues/4955))
 
 BUG FIXES:
 * Fix UI TypeScript deprecation warning by updating `moduleResolution` to `bundler` in `tsconfig.json`. ([#4968](https://github.com/microsoft/AzureTRE/issues/4968))

ui/app/.prettierrc

@@ -1,4 +1,6 @@
 {
   "singleQuote": false,
-  "semi": true
+  "semi": true,
+  "trailingComma": "all",
+  "printWidth": 120
 }

ui/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tre-ui",
-  "version": "0.8.28",
+  "version": "0.8.29",
   "private": true,
   "type": "module",
   "dependencies": {
@@ -88,4 +88,4 @@
   "overrides": {
     "esbuild": "^0.28.1"
   }
-}
+}