ci: refactor CI workflow and update test scripts

[karrui]

TL;DR

Updated CI workflows, test scripts, and environment configurations to improve the development and testing process.

What changed?

• Added a new reusable GitHub Action for setup and installation
• Created a new comprehensive CI workflow (ci.yml) replacing the old main.yml
• Updated the Chromatic workflow for visual regression testing
• Modified test scripts in package.json for better organization and clarity
• Updated the .env.test file to use quotes for the DATABASE_URL
• Updated the load test README with the correct build command

How to test?

1. Review the new CI workflow in .github/workflows/ci.yml
2. Run the updated test scripts locally:
   • npm run test:vitest for unit and integration tests
   • npm run test:e2e for end-to-end tests
3. Verify that the Chromatic workflow runs correctly on pull requests
4. Check that the load test build command works: npm run load-test:build

Why make this change?

These changes aim to:

• Streamline the CI process with a more comprehensive and organized workflow
• Improve test script naming and execution for better developer experience
• Ensure consistent setup across different GitHub Actions
• Enhance the reliability and efficiency of the testing and deployment pipeline

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
starter-kit	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 4, 2024 4:50am

[karrui]

• #315
• #314 👈
• #313
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @karrui and the rest of your teammates on Graphite

[karrui]

Merge activity

• Sep 4, 12:46 AM EDT: @karrui started a stack merge that includes this pull request via Graphite.
• Sep 4, 12:48 AM EDT: Graphite rebased this pull request as part of a merge.
• Sep 4, 12:49 AM EDT: @karrui merged this pull request with Graphite.