Add changes to docs to Develop (#1693)

* Bump docs packages * Update package versions for release * Remove optional chain in trezor * add safeheron to injected package readme * add wallet as value to translate function in more areas of connect * package updates * add images * text update * Update packages/react/package.json Co-authored-by: Adam Carpenter <adamcarpenter86@gmail.com> * Update packages/vue/package.json Co-authored-by: Adam Carpenter <adamcarpenter86@gmail.com> * add screenshots to top level assets folder * update react pkg * fix merge conflict in react pkg * fix vue pkg * Release 2.21.4 (docs) (#1672) * Reorder supported chains within the docs site (#1676) * Reorder chains * Remove cede from wallets group * Remove merge conflict in yarn.lock * Update packages/cede-store/README.md * Fix image path in docs * Update Account Center example with a better shot * Spelling & web3 onboard cohesion update (#1694) updating some spelling and web3 onboard referneces * Update account center shot to show multiple wallets connected * Update account center shot to show multiple wallets connected --------- Co-authored-by: Kat Leight <leightkt@gmail.com> Co-authored-by: Kat Leight <33187102+leightkt@users.noreply.github.com> Co-authored-by: Laurence <53497147+laurencedelisle@users.noreply.github.com>

Author: 3 people

assets/account-center-example.png

@@ -23,7 +23,7 @@
  <TextBlock
  title={'Framework Agnostic'}
  subtitle={'Support all your favorite frameworks.'}
- text={'Use web3-onboard with any of your favorite Javascript libraries.'}
+ text={'Use Web3 Onboard with any of your favorite Javascript libraries.'}
  >
  <Flexbox --wrap="wrap">
  <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button>
@@ -71,7 +71,7 @@
  <TextBlock
  title={'Enable Multi-Wallet and Multi-Chain functionality with one library '}
  subtitle={''}
- text={'Web3-Onboard is the quickest and easiest way to add multi-wallet and multi-chain support to your project. With built-in modules for more than 35 unique hardware and software wallets, Web3-Onboard saves you time and headaches.'}
+ text={'Web3 Onboard is the quickest and easiest way to add multi-wallet and multi-chain support to your project. With built-in modules for more than 35 unique hardware and software wallets, Web3 Onboard saves you time and headaches.'}
  >
  <Flexbox --wrap="wrap">
  <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button>

docs/src/lib/assets/account-center-example.png

@@ -4,7 +4,7 @@
 
 <section>
  <h1 class="text">
- {"Who's using web3-onboard?"}
+ {"Who's using Web3 Onboard?"}
  </h1>
  <div>
  <img src={TestimonialsGraphic} alt="Web3-Onboard-users">

docs/src/lib/components/FeaturesSection.svelte

@@ -274,7 +274,7 @@
  <div id="image_drop_area">
  <form class="drop-area-controls" on:submit|preventDefault={addURLToIFrame}>
  <div>
- Enter your website url or drag and drop a screenshot to preview web3-onboard on your site
+ Enter your website url or drag and drop a screenshot to preview Web3 Onboard on your site
  </div>
  <!-- <div>Then click color circles above to change the theme.</div> -->
  <div class="website-input-row">

docs/src/lib/components/TestimonialSection.svelte

@@ -14,8 +14,8 @@
  <div class="flexbox">
  <TextBlock
  title={'Themeable'}
- subtitle={'Powerfull customization options for all your needs'}
- text={'Style web3-onboard to fit into your existing designs, or pick from our pre-made themes.'}
+ subtitle={'Powerful customization options for all your needs'}
+ text={'Style Web3 Onboard to fit into your existing designs, or pick from our pre-made themes.'}
  >
  <Flexbox --wrap="wrap">
  <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button>

docs/src/lib/components/ThemeCustomizer.svelte

@@ -36,21 +36,20 @@ Web3-Onboard is the quickest and easiest way to add multi-wallet and multi-chain
 web3-onboard supports all EVM networks. Supporting a new network is simply a matter of adding its details in the Chains section upon initialization. For more information see [initialization options](../../docs/modules/core.md#options).
 
 - Ethereum 
+- Polygon
+- Base Goerli
+- Goerli
+- Sepolia
 - Arbitrum
 - Optimism
 - Avalanche
 - BNB Chain
 - Celo
-- Ethereum
 - Fantom
 - Gnosis Chain
 - Harmony One
 - Moonriver
-- Polygon
-- Goerli
-- Sepolia
-- Core Goerli
-- Any other EVM network
+- All other EVM network
 
 ### [Optional] Use an API key to fetch real time transaction data, balances & gas
 

docs/src/lib/components/ThemingSection.svelte

@@ -1,5 +1,5 @@
 <script>
- import accountCenter from '$lib/assets/account-center-example'
+ import accountCenter from '$lib/assets/account-center-example.png'
  import walletModal from '$lib/assets/connect-modal.svg'
  import notifyCustomImg from '$lib/assets/notify-custom-example.png'
  import notifyImg from '$lib/assets/notify-example.png'

docs/src/routes/docs/[...1]overview/[...1]introduction.md

@@ -1,6 +1,6 @@
 # cede.store
 
-CEX Wallet module for connecting cede.store to web3-onboard. Check out the cede.store Wallet Developer Docs [cede.store Wallet Developer Docs](https://docs.cede.store) for more information.
+CEX Wallet module for connecting cede.store through web3-onboard. Check out the [cede.store Wallet Developer Docs](https://docs.cede.store) for more information.
 
 :::admonition type=warning
 Cede.store is not a traditional 1193 wallet, behavior is different in that there is no on-chain user address to interact with and there isn't a specific chain associated.

docs/src/routes/docs/[...3]modules/core.md

@@ -1,6 +1,6 @@
 # @web3-onboard/cede-store
 
-CEX Wallet module for connecting cede.store to web3-onboard. Check out the cede.store Wallet Developer Docs [cede.store Wallet Developer Docs](https://docs.cede.store) for more information.
+CEX module for connecting cede.store through web3-onboard. Check out the [cede.store Wallet Developer Docs](https://docs.cede.store) for more information.
 
 
 As cede.store is not a traditional 1193 wallet behavior is a little different from other wallets that connect through web3-onboard in that there is no on-chain user address to interact with and there isn't a specific chain associated. With this behavior dapp devs will need to handle accordingly and differently from traditional 1193 wallets. The dapp dev can expect the connect account to not be shown as a hex value (or at all) and the chain to always be `0x0` when a user connects with cede.store for that specific wallet account.