Add Playwright integration test layer for core app functions

[ayanimea]

Add a new layer of integration tests using Playwright to verify basic user flows and app features.

Objective

Ensure the application's core functionality is covered by robust integration tests. This will help catch regressions, validate flows, and improve confidence in deployments.

Tasks

• Set up Playwright (if not already set)
• Organize integration tests, e.g. in an e2e/ directory
• Write tests to check that the fundamental user actions and routines work as expected, e.g.:
  • Navigating to the application and loading the main view
  • Selecting and running a routine from Library
  • Using keyboard shortcuts during routine execution
  • Handling reduced motion preference
• Generate and keep screenshots (e.g., in playwright-screenshots/) for key states (see existing scripts)

References

Example code and configs relevant to Playwright integration:

• playwright.config.js: Playwright config file
• e2e/routine-workflow.spec.js: Workflow test example
• e2e/routine-features.spec.js: Routine features test example
• test-routine-workflow.js: Test routine script

Acceptance Criteria

• Playwright test suite covers all critical flows for a new user
• Easy to extend tests for future features
• All tests documented with clear comments
• Test runs/outputs reproducible in CI

---

Relevant code files:

• playwright.config.js
• test-routine-workflow.js
• e2e/routine-features.spec.js
• e2e/routine-workflow.spec.js