Update Hardhat Tutorials to Use Hardhat Ignition Modules

[themacexpert]

Description

This tutorial freshens up Hardhat tutorials to use Ignition modules to deploy smart contracts. Additionally, the Hardhat End to End tutorial was freshened up with some revised contract code and updated collators. Also updates terminal screenshots to terminyl.

Checklist

• I have added a label to this PR 🏷️
• I have run my changes through Grammarly
• If this requires translations for the moonbeam-docs-cn repo, I have created a ticket for the translations in Jira
• If pages have been moved around, I have created an additional PR in moonbeam-mkdocs to update redirects
• If pages have been moved around, I have run the move-pages.py script to move the pages and update the image paths on the chinese repo
  • After the script has been run, I have created an additional PR in moonbeam-docs-cn
• If images have been added, I have run the compress-images.py script to compress the images.
• If variables (in variables.yml) need to be updated (such as a name change), I have updated the moonbeam-docs-cn repo to use the new variables
• If this page requires a disclaimer, I have added one

Corresponding PRs

Please link to any corresponding PRs here.

After Translation Requirements

• Will need to create PR in moonbeam-docs repo to remove images
• Will need to create PR in moonbeam-docs repo to remove variables
• Will need to create PR in moonbeam-mkdocs repo to add redirects for Chinese site
• No additional PRs are required after the translations are done

Items to be Updated

Please list any of the items that will need to be added or deleted after the translations are done here.

[eshaben]

Sweeeet!! A couple things:

• I applied feedback on the dev-environments/hardhat page that should also be applied to the tutorial
• We have to keep the CN site in working order, so we need to keep the images. Make sure to update the checklist to reflect that the images need to be removed post-translation.

[eshaben]

Looks like some of the images still need to be restored for the chinese docs.

Can you just go through and make sure all the snippets in the hardhat tutorial have been cleaned up with prettier? Also take a look at the really long comments and how those are displayed on the actual page. If it makes sense or looks better to break them up yourself, please do that.

Thanks!

[themacexpert]

Looks like some of the images still need to be restored for the chinese docs.

Can you just go through and make sure all the snippets in the hardhat tutorial have been cleaned up with prettier? Also take a look at the really long comments and how those are displayed on the actual page. If it makes sense or looks better to break them up yourself, please do that.

Thanks!

Cn images are all added back, none are removed in this pr

[eshaben]

a couple of minor things, but looks good!!

[eshaben]

LGTM! ✨