Add Playwright e2e tests and ngrok support

[minyoy]

This pull request introduces a comprehensive Playwright-based end-to-end (E2E) testing suite for the clipcraft-web project, along with supporting documentation and continuous integration (CI) workflow automation. The main themes are the addition of E2E test coverage for core user flows, mocking of backend APIs for stable testing, and integration with GitHub Actions for automated test execution.

E2E Test Coverage and Structure:

• Added four Playwright E2E test files (auth.spec.ts, project.spec.ts, analysis-flow.spec.ts, editor.spec.ts) covering authentication, project creation, analysis flow, and editor interactions, ensuring that critical user scenarios are automatically validated. [1] [2] [3] [4]
• Implemented a shared support module (support/flows.ts) providing reusable helper functions for login, project creation, video upload, scenario input, API mocking, and end-to-end analysis flow orchestration.

API Mocking for Reliable Testing:

• Mocked analysis API endpoints within Playwright tests to simulate backend responses, enabling deterministic and isolated E2E tests without requiring a live backend.

Documentation and Developer Guidance:

• Added a detailed README.md in the E2E directory, documenting test setup, execution commands, test structure, mocking strategy, and integration points with CI.

Continuous Integration Automation:

• Introduced a GitHub Actions workflow (clipcraft-web-e2e.yml) that automatically installs dependencies, builds the app, installs Playwright browsers, and runs E2E tests on pushes and pull requests affecting the clipcraft-web directory.

---

Test Suite Implementation:

• Added Playwright E2E tests for authentication, project creation, analysis flow, and editor features in clipcraft-web/e2e/, covering all major user interactions. [1] [2] [3] [4]
• Created a shared support module with helper functions for login, project creation, video upload, scenario entry, API mocking, and full analysis flow.

API Mocking:

• Implemented Playwright route handlers to mock analysis API endpoints, allowing tests to run without a real backend and always return predictable results.

Documentation:

• Added clipcraft-web/e2e/README.md with detailed instructions for setup, running tests, test structure, API mocking, result locations, and CI integration.

CI Integration:

• Added .github/workflows/clipcraft-web-e2e.yml to automate E2E test runs on relevant pushes and pull requests, ensuring test coverage is maintained.