Migrate Snapshots to Cypress native screenshots

[aabidsofi19]

Notes for Reviewers

This PR fixes

This pr migrates the snapshot service to use cypress's screenshoting feature .
reason :

• Cytoscape's export to png doesnt captures only the canvas layer , which prevents from including relations and elements that are rendered in separate layers into the snapshots

// Notes for maintainers :

• we are now taking separate light mode and dark mode snapshots
• the snapshots are in the screentshots directory rather than downloads
• here is the relative path inside that directory :

const snapshotPath = (designId, theme) => {
  const date = new Date();
  return `MeshMap-${designId}-${date.toDateString()}/${date.toLocaleTimeString()}-${theme}`;
};

• Yes, I signed my commits.

[leecalcote]

Since this is a filename, we will actually lowercase meshmap. Also, I prefer that we don’t use this name understanding that it may change.

[leecalcote]

There are two different types of snapshots right now, stored in two different folders…

[MUzairS15]

I have opened a PR in the provider to support dark and light mode screenshots.
We require to verify this, when the screenshots are being generated for all cases

1. Catalog snapshots
2. Snapshots on PRs
   we will require to update the add_catalog workflow and the logic in meshery.io.

[aabidsofi19]

@leecalcote in the same folder :

[leecalcote]

It would be good to walk through this change on tomorrow's meeting, @aabidsofi19.

@RipulHandoo, you might like to join that meeting.

[RipulHandoo]

@leecalcote Sir. I'd love to join the meeting tomorrow, but as per my understanding and the community calendar, our next meeting is scheduled for Monday, 8th Jan 2024. Please let me know if there's any change or if you meant a different meeting.

[theBeginner86]

Will you please ensure that these e2e tests don't fail. https://github.com/layer5labs/meshmap-snapshot/actions/runs/7397423535/job/20124507958?pr=74

Since you have updated the download location so please consider updating the tests accordingly. if required 👍
https://github.com/layer5labs/meshmap-snapshot/blob/master/.github/workflows/file-path-build-test.yml
https://github.com/layer5labs/meshmap-snapshot/blob/master/.github/workflows/url-upload-test.yml

Or update the action.yml to look in the new directory.

[aabidsofi19]

Updated the meshery cloud and meshery.io catalogs :

meshery/meshery.io#1593