Revamp ThirdWeb Docs

[themacexpert]

Description

Freshens up ThirdWeb Docs.

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]

Nice! Thank you!

A couple things: can we use v5? I started to create a project and noticed that thirdweb v5 is used, but we're still using v4 links

It'd be nice to implement the title feature for code snippets. So like, ```js title="src/main.tsx"

[eshaben]

This is a bit more than just changing the links. We really need to make sure the code is using v5

[eshaben]

I'm so sorry this turned out to be a much bigger task than I anticipated!! But thank you!! 🙌

I think following all of the steps in the interact with your contract section get a bit confusing. We're given an App.tsx file with the template and then you just start adding stuff to it, so maybe first start off by saying you can remove the template code. For all of the code snippets, I think we can break those inso steps like 1. import this 2. add this code and then build on top of the previous sections by using the ??? "view the complete App.tsx file" as you go. You can do a trick with the snippets so you only need to have one snippet and just grab the lines you need to reference. There is an example here: https://github.com/moonbeam-foundation/moonbeam-docs/blob/master/tutorials/integrations/supra.md?plain=1#L122-L207

lmk if you have any questions!

[eshaben]

Last few minor things then this can be merged. Huge effort! Thank you so much! 🙌

[eshaben]

@themacexpert the thirdweb builders page (no need for the tutorials page) will need to be updated. can you please open jira ticket if you haven't already?

[dawnkelly09]

lgtm

[themacexpert]

@themacexpert the thirdweb builders page (no need for the tutorials page) will need to be updated. can you please open jira ticket if you haven't already?

This PR modifies both the builders page and the tutorial pages... what would you like to see differently on the Builders page?

[eshaben]

@themacexpert the thirdweb builders page (no need for the tutorials page) will need to be updated. can you please open jira ticket if you haven't already?

This PR modifies both the builders page and the tutorial pages... what would you like to see differently on the Builders page?

Hahaha forgot a couple keywords, on the chinese docs - need to open a ticket to update the builders page on the chinese docs site 😂

[eshaben]

🚢

[themacexpert]

@themacexpert the thirdweb builders page (no need for the tutorials page) will need to be updated. can you please open jira ticket if you haven't already?

This PR modifies both the builders page and the tutorial pages... what would you like to see differently on the Builders page?

Hahaha forgot a couple keywords, on the chinese docs - need to open a ticket to update the builders page on the chinese docs site 😂

Perfect! https://opslayer.atlassian.net/browse/DR-2105