feat: Update the Keplr docs. (#392)

src/pages/users/keplr/setup.mdx

@@ -17,7 +17,9 @@ either create a new account, import an existing one or use a hardware wallet.
 
 ![Keplr - Connect Wallet](/img/docs/keplr-setup.png)
 
-To add ZetaChain to Keplr:
+#  Add ZetaChain Testnet
+
+To add ZetaChain Testnet to Keplr:
 
 - go to https://chains.keplr.app/
 - Type "ZetaChain" in the search box
@@ -28,3 +30,23 @@ To add ZetaChain to Keplr:
 Now open the Keplr extension and you should see your ZetaChain balance:
 
 <Image src={`${basePath}/img/docs/keplr-balances.png`} width={400} height={670} alt="Keplr extension" />
+
+
+# Add ZetaChain Mainnet
+
+To add ZetaChain Mainnet to Keplr:
+
+Go to the menu in the extension and click "Manage Chain Visibility".
+
+<Image src={`${basePath}/img/docs/keplr-menu.png`} width={400} height={670} alt="Keplr menu" />
+
+It will jump to the browser, then:
+
+- Type "ZetaChain" in the search box
+- Check ZetaChain and click the "Save" button
+
+![Keplr](/img/docs/keplr-add-zetachain-mainnet.png)
+
+Now open the Keplr extension and you should see your ZetaChain Mainnet balance:
+
+<Image src={`${basePath}/img/docs/keplr-balances-mainnet.png`} width={400} height={670} alt="Keplr balance" />

src/pages/users/keplr/staking.mdx

@@ -0,0 +1,50 @@
+---
+title: Staking Tokens
+---
+
+import Image from "next/image";
+
+import { basePath } from "~/lib/app.constants";
+
+Staking tokens is a crucial part of participating in the ZetaChain network. By staking your ZETA tokens, you contribute to the network's security and stability, while also earning rewards. This guide will walk you through the process of staking your ZETA tokens using the Keplr extension.
+
+To stake your ZETA tokens, start by opening the Keplr extension and switching to the "Staked" interface:
+
+<Image src={`${basePath}/img/docs/keplr-staking.png`} width={400} height={670} alt="Keplr staking" />
+
+
+Next, click on "Stake with Keplr Dashboard". This will open a new browser window. In the search bar, type "ZetaChain":
+
+![Keplr Staking Dashboard](/img/docs/keplr-staking-dashboard.png)
+
+
+From the search results, click on "ZetaChain", which will take you to the "Validators" page:
+
+![Keplr Staking Validators](/img/docs/keplr-staking-validators.png)
+
+
+Select the validator you wish to stake with and click on it. This will display some basic information about the chosen validator on the right side of the screen:
+
+![Keplr Validator Overview](/img/docs/keplr-validator-overview.png)
+
+
+Click the "Stake" button to proceed to the staking interface. Enter the amount of ZETA you want to stake and click the "Stake" button again to confirm your staking:
+
+<Image src={`${basePath}/img/docs/keplr-staking-confirm.png`} width={400} height={670} alt="Keplr staking confirm" />
+
+
+Review the transaction details and click "Approve" to sign and broadcast the
+transaction:
+
+<Image
+  src={`${basePath}/img/docs/keplr-staking-approve.png`}
+  width={400}
+  height={670}
+  alt="Keplr extension - Confirm Transaction"
+/>
+
+
+Return to the Staked interface in Keplr, and you will see the amount of ZETA you just staked along with your rewards.
+
+<Image src={`${basePath}/img/docs/keplr-staking-result.png`} width={400} height={670} alt="Keplr staking result" />
+

src/pages/users/keplr/voting.mdx

@@ -0,0 +1,36 @@
+---
+title: Voting on Governance Proposals
+---
+
+import Image from "next/image";
+
+import { basePath } from "~/lib/app.constants";
+
+Voting on proposals is an important part of participating in the governance of ZetaChain, allowing you to have a say in the future direction and decisions of the network. Your vote matters, and this guide will help you navigate the voting process using Keplr extension.
+
+To vote on proposals for ZetaChain, follow these steps:
+
+Visit the [Keplr ZetaChain Governance](https://wallet.keplr.app/chains/zetachain?tab=governance).
+
+![Keplr ZetaChain Governance Dashboard](/img/docs/keplr-governance-dashboard.png)
+
+Proposals can have three statuses: "Passed", "Rejected", and "Voting". To view only the proposals that are currently open for voting, select "Voting-Period" from the filter box in the upper-right corner of the proposals list.
+
+Click on the proposal you are interested in to view its details.
+
+Once you are on the proposal details page, you can read the full description of the proposal, including its goals, potential impacts, and any additional information provided by the proposer. After reviewing the proposal, you will see options to cast your vote.
+
+To vote:
+
+- Click the "Vote" button in the upper-right corner.
+- Select your voting option (e.g., Yes, No, No with Veto, Abstain).
+    - Yes: Support the proposal.
+    - No: Oppose the proposal.
+    - No with Veto: Strongly oppose the proposal and believe it is harmful; can lead to a veto if a significant portion of votes are "No with Veto".
+    - Abstain: Neutral stance; neither supports nor opposes the proposal but contributes to the voting process.
+- Click the "Confirm" button.
+- Approve the transaction in your Keplr extension to submit your vote.
+
+![Keplr Voting](/img/docs/keplr-voting.png)
+
+After voting, you can monitor the status of the proposal and see the results once the voting period ends. Staying engaged with the governance process helps ensure that the decisions made reflect the collective will of the ZetaChain community.