Set up Cypress and configure local test environment

[aialok]

What kind of change does this PR introduce?
This PR introduces the following changes:

• Initial Cypress setup with ESLint plugin
• Cypress code coverage
• Initial dummy e2e test (currently commented out)
• Test for Card component with 100% code coverage
• New cypress folder structure for test management (natively provided by cypress)

Issue Number:

• Closes Set up Cypress and configure local test environment #827
• Closes Create tests for components/Card.tsx #828
• Related to Parent Issue: Implement Comprehensive Test Suite for JSON Schema Website (GSoC) #806

Screenshots/videos:

Screencast.from.2024-07-27.01-32-12.webm

Code Coverage Report:

If relevant, did you update the documentation?

Note:

• All testing-related files and folders are inside the cypress folder. These include Cypress configurations and two subfolders: 'e2e' and 'components' for end-to-end and component testing, respectively.
• This PR includes a basic e2e test file for testing purposes only, which will be removed soon.

Does this PR introduce a breaking change?

[aialok]

Setting up this was literally quite challenging. It was easy to setup Cypress and write tests but the code coverage part took really some good amount of time.
The problem was that Cypress code coverage uses Babel compiler for js/ts while Next.js used SWC compiler. So when configuring Cypress code coverage with Istanbul (a tool for code coverage reporting) we needed to setup .babelrc files. Because of .babelrc file Next.js started using Babel compiler instead of SWC compiler and most of Next.js parts started failing because they are compatible with SWC compiler. It literally took me more than one day and 100+ tabs - blogs, GitHub issues and discussions, and Cypress Discord but could not find any good solution and this is still the problem that exists.

So after lots of struggle I found a little hacky solution. Basically I found one guy who commented that if you use Babel in package.json then Next.js will not be able to find Babel config and will use SWC compiler. And boom, it works.

https://babeljs.io/docs/configuration#packagejson

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	8173496

[benjagm]

Great job. I dont have comments... only KUDOS!!

Lets merge this!!