Implement UI library - Migrate pages & templates

[pettinarip]

This is part of our Implement UI library epic.

Our final step on the UI migration! time to migrate the pages & templates.

How to contribute

If you’d like to help with this migration, please follow these steps:

1. Leave a comment here asking which file you would want to work on.
2. We assign you to the file (by adding your handle next to the file name in the list).
   • Read and follow our UI migration guide for some tips & guidance.
   • If you were assigned to multiple files then create a separate PR for each component. It will make the testing process much simpler and more organized.
3. Once you finish it (PR merged), we’ll mark it as done.
4. Repeat!

• src/pages/

  • wallets/find-wallet.tsx @soheil555 migrate the find-wallet page to Chakra #9390
  • contributing/translation-program/acknowledgements.tsx @amit-ksh refactor(page): acknowledgements page to Chakra #9397
  • contributing/translation-program/contributors.tsx @amit-ksh refactor: contributors page to chakra #9369
  • community.tsx @soheil555 Migrate the community page to Chakra #9410
  • staking/index.tsx @mlCode111 refactor(page staking): replace styled components with chakra ui #9398
  • staking/deposit-contract.tsx @mlCode111 refactor(deposit contract): replace deposit-contract component styled UI with chakra #9549
  • stablecoins.tsx @alex1092 migrate stablecoins.tsx to chakra components #9635
  • learn/index.tsx @soheil555 Migrate the learn page to Chakra #9422
  • assets.tsx @MrJithil migrate assets to chakra UI #9406
  • bug-bounty.tsx @Seek4samurai Migrated the Bug-bounty.tsx to Chakra components #9475
  • languages.tsx @MahendraBishnoi29 migrate languages.tsx component to ChakraUI #10014
  • index.tsx @TylerAPfledderer refactor(pages): migrate home page to Chakra #9364
  • 404.tsx Migrate 404.tsx page to Chakra UI #10318
  • get-eth.tsx @vdusart Chakra - Get Eth page #9627
  • run-a-node.tsx Migrate run a node page #10534
  • upgrades/get-involved/index.tsx @amit-ksh Migrate the upgrades/get-involved page to Chakra #9572
  • upgrades/vision.tsx @amit-ksh Migrate upgrades/vision page to Chakra #9524
  • upgrades/index.tsx @amit-ksh refactor (page): migrate upgrades page to Chakra #9473
  • developers/local-environment.tsx @soheil555 migrate local-environment page to Chakra #9583
  • developers/index.tsx @Seek4samurai Migrated: pages/developers/index.tsx to Chakra UI #9933
  • developers/tutorials.tsx @vdusart Chakra - Tutorials page #10104
  • developers/learning-tools.tsx @Seek4samurai migrated: pages/developers/learning-tools.tsx to Chakra UI #10348
  • layer-2.tsx @TylerAPfledderer refactor(pages): migrate layer 2 page to chakra #9404
  • studio.tsx @rishisundar refactor: replaced styled components w/ Chakra components in studio.tsx #9518

• src/pages-conditional/

  • wallets.tsx @ameeetgaikwad Migrate wallets.tsx page to Chakra #9500
  • eth.tsx Migrate eth page #10470
  • what-is-ethereum.tsx Migrate the "What is Ethereum" page to Chakra #10468
  • dapps.tsx @amit-ksh refactor (pages-conditional): migrate dapps page to Chakra #10089

• src/templates/

  • docs.tsx @amit-ksh refactor: template/docs.tsx to chakra #10375
  • tutorial.tsx @rishisundar refactor(templates/tutorials.tsx): replaced styled components w/ Chakra components #10173
  • upgrade.tsx @amit-ksh refactor: migrate template/upgrade to Chakra #9670
  • roadmap.tsx Migrate the roadmap template #10549
  • staking.tsx @soheil555 refactor(staking-template): migrate to chakra #10019
  • use-cases.tsx @TylerAPfledderer refactor(templates/use-cases): migrate to Chakra #9634
  • static.tsx @soheil555 migrate static template to Chakra #9631

[TylerAPfledderer]

@pettinarip hit me up with an assignment. Let's go! 🚀🤘💪

Hey, @pettinarip I'd like to work on wallets/find-wallet.tsx

[vdusart]

Hey @pettinarip ready for some files 😁🚀

[amit-ksh]

Hey @pettinarip, I'd like to work on contributing pages

[yash251]

Hello team, I would love to start with 404.tsx

[rishisundar]

Hey @pettinarip, I would like to work on src/templates/tutorial.tsx and src/pages/studio.tsx.

[shariqanwar20]

Hey @pettinarip would love to work on some page. No preference

[ameeetgaikwad]

Hey, @pettinarip give me 1-2 components, for now. Give them according to your preference.

I would prefer: src/pages-conditional/wallets.tsx, src/pages-conditional/eth.tsx, src/pages-conditional/what-is-ethereum.tsx

[nikkhielseath]

Greetings @pettinarip

I shall like to take just a single file this time.
Preferably: src/templates/docs.tsx