iter 2

package.json

@@ -1,6 +1,9 @@
 {
 	"name": "fsd-nest-template",
 	"version": "0.1.0",
+	"imports": {
+		"#tests/*": "./tests/*"
+	},
 	"private": true,
 	"packageManager": "bun@1.3.5",
 	"scripts": {
@@ -11,7 +14,9 @@
 		"create-component": "npx generate-react-cli component",
 		"gc": "bun run .scripts/create-fsd-component.ts",
 		"gicons": "npx @svgr/cli --ext tsx --typescript --no-prettier --icon --ref --no-svgo ./src/shared/assets/raw-icons/ --out-dir ./src/shared/ui/Icons/",
-		"gen:api-types": "openapi-typescript http://127.0.0.1:8000/api/schema/ --output src/shared/api/__generated__/openapi.types.ts"
+		"gen:api-types": "openapi-typescript http://127.0.0.1:8000/api/schema/ --output src/shared/api/__generated__/openapi.types.ts",
+		"test:e2e": "bunx playwright test --project=chromium --headed",
+		"test:integration": "bunx playwright test --project=integration --headed"
 	},
 	"dependencies": {
 		"@radix-ui/react-checkbox": "^1.3.3",
@@ -40,9 +45,11 @@
 		"openapi-react-query": "^0.5.1",
 		"react": "^19.2.3",
 		"react-aria-components": "^1.14.0",
+		"react-colorful": "^5.6.1",
 		"react-dom": "^19.2.3",
 		"react-dropzone": "^14.3.8",
 		"react-hook-form": "^7.71.0",
+		"react-modal": "^3.16.3",
 		"react-modern-drawer": "^1.4.0",
 		"react-redux": "^9.2.0",
 		"react-resizable-panels": "^4.6.5",
@@ -54,12 +61,15 @@
 	},
 	"devDependencies": {
 		"@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+		"@playwright/test": "^1.58.2",
 		"@svgr/cli": "^8.1.0",
 		"@types/bun": "^1.3.5",
+		"@types/jest": "^30.0.0",
 		"@types/js-cookie": "^3.0.6",
 		"@types/node": "^25.0.3",
 		"@types/react": "^19.2.7",
 		"@types/react-dom": "^19.2.3",
+		"@types/react-modal": "^3.16.3",
 		"concurrently": "^9.2.1",
 		"eslint": "^9.39.2",
 		"eslint-config-next": "16.1.1",
@@ -79,4 +89,4 @@
 		"typescript": "^5.9.3",
 		"typescript-eslint": "^8.50.1"
 	}
-}
+}