chore(web): configure vitest with jsdom env, JSX, and setup file

apps/web/vitest.config.ts

@@ -2,13 +2,28 @@ import { defineConfig } from "vitest/config";
 import path from "node:path";
 
 export default defineConfig({
+  esbuild: {
+    jsx: "automatic",
+    jsxImportSource: "react",
+  },
   resolve: {
     alias: {
       "@": path.resolve(__dirname),
     },
   },
   test: {
-    include: ["lib/**/*.test.ts", "app/**/*.test.ts"],
+    environment: "node",
+    environmentMatchGlobs: [
+      ["app/components/**/*.test.tsx", "jsdom"],
+      ["app/workspace/**/*.test.tsx", "jsdom"],
+    ],
+    setupFiles: ["./vitest.setup.ts"],
+    include: [
+      "lib/**/*.test.ts",
+      "lib/**/*.test.tsx",
+      "app/**/*.test.ts",
+      "app/**/*.test.tsx",
+    ],
     testTimeout: 30_000,
   },
 });

apps/web/vitest.setup.ts

@@ -0,0 +1,7 @@
+import "@testing-library/jest-dom/vitest";
+import { afterEach } from "vitest";
+import { cleanup } from "@testing-library/react";
+
+afterEach(() => {
+  cleanup();
+});