feat(test): Vitest browser mode, seperate test config for type safety

Author: high1

env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="vite/client" />
 /// <reference types="vitest" />
-/// <reference types="@testing-library/jest-dom/vitest" />
 
 interface ImportMeta {
   readonly env: ImportMetaEnv;

package.json

@@ -8,6 +8,7 @@
     "build": "vite build",
     "coverage": "vitest run --coverage",
     "dev": "vite",
+    "playwright": "playwright install --only-shell chromium",
     "preview": "vite preview",
     "start": "vite",
     "test": "vitest run"
@@ -17,12 +18,11 @@
     "@eslint/css": "0.14.1",
     "@eslint/js": "9.39.2",
     "@html-eslint/eslint-plugin": "0.54.0",
-    "@solidjs/testing-library": "0.8.10",
     "@stylistic/eslint-plugin": "5.7.1",
     "@tailwindcss/vite": "4.1.18",
-    "@testing-library/jest-dom": "6.9.1",
     "@types/eslint-plugin-jsx-a11y": "6.10.1",
     "@types/node": "25.1.0",
+    "@vitest/browser-playwright": "4.0.18",
     "@vitest/coverage-v8": "4.0.18",
     "eslint": "9.39.2",
     "eslint-config-prettier": "10.1.8",
@@ -43,7 +43,8 @@
     "vite": "8.0.0-beta.10",
     "vite-plugin-checker": "0.12.0",
     "vite-plugin-solid": "2.11.10",
-    "vitest": "4.0.18"
+    "vitest": "4.0.18",
+    "vitest-browser-solid": "1.0.1"
   },
   "dependencies": {
     "solid-js": "1.9.11"