Configure vitest library with react testing library and jest-dom

package.json

@@ -8,6 +8,7 @@
     "build": "tsc && vite build",
     "preview": "vite preview",
     "test": "vitest",
+    "test:ui": "vitest --ui",
     "coverage": "vitest run coverage"
   },
   "dependencies": {
@@ -17,6 +18,10 @@
     "react-svg-pan-zoom": "^3.11.0"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.1",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "@types/react-svg-pan-zoom": "^3.3.5",
@@ -30,6 +35,7 @@
     "eslint-plugin-n": "^15.2.4",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.30.1",
+    "jsdom": "^20.0.0",
     "postcss": "^8.4.14",
     "sass": "^1.54.0",
     "tailwindcss": "^3.1.7",