Add wallet list to the ink docs (#263)

* feat: add SubWallet to the ink support wallet list

* feat: added the `subWallet.md` in Third Party Tools & Libraries about the supported PSP standards by Subwallet

* feat: Add Polkadot{.js} and Talisman to the wallets list

* fix: Update wallet's link

* fix: Update assets label in wallet table

docs/intro/intro.mdx

@@ -198,6 +198,47 @@ hide_table_of_contents: false
     <div className="col">&nbsp;</div>
 </div>
 
+## What wallets can I use?
+
+<table className="wallet-table text--center">
+    <tr>
+        <th></th>
+        <th className="text--left">Interacting with Contracts</th>
+        <th className="text--left">Token's (PSP-22)</th>
+        <th className="text--left">NFT's (PSP-34)</th>
+    </tr>
+    <tr>
+        <th>
+            <a href="https://www.subwallet.app/" title="SubWallet" >
+                <img src= "/img/wallets/subwallet.svg" className="wallet" alt="SubWallet" width="200"/>
+            </a>
+        </th>
+        <td>✅</td>
+        <td>✅</td>
+        <td>✅</td>
+    </tr>
+    <tr>
+        <th>
+            <a href="https://polkadot.js.org/extension/" title="Polkadot{.js}">
+                <img src= "/img/wallets/polkadot-js.svg" className="wallet" alt="Polkadot{.js}" width="200"/>
+            </a>
+        </th>
+        <td>✅</td>
+        <td></td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>
+            <a href="https://www.talisman.xyz/" title="Talisman">
+                <img src= "/img/wallets/talisman.svg" className="wallet" alt="Talisman" width="200"/>
+            </a>
+        </th>
+        <td>✅</td>
+        <td></td>
+        <td></td>
+    </tr>
+</table>
+
 ## Smart Contract Examples
 
 <div className="row">

docs/third-party-tools/subwallet.md

@@ -0,0 +1,32 @@
+---
+title: SubWallet
+slug: /getting-started/subwallet
+---
+
+# SubWallet
+
+SubWallet is a comprehensive non-custodial wallet designed for the Polkadot, Substrate, and Ethereum ecosystems. It provides support for importing, managing, and interacting with various [smart contract types](https://docs.subwallet.app/main/#token-standard-support), including **PSP22** and **PSP34**.
+
+## Installation
+
+SubWallet is available on multiple platforms:
+
+- **Browser extension:** Available for Chrome, Firefox, Edge, and Brave.
+- **Mobile app:** Available for [Android](https://apps.apple.com/us/app/subwallet-polkadot-wallet/id1633050285) and [iOS](https://play.google.com/store/apps/details?id=app.subwallet.mobile).
+- **Web Dashboard:** Accessible through [Web Dashboard](https://web.subwallet.app/).
+
+## Getting Started
+
+1. [Install SubWallet](https://docs.subwallet.app/main/extension-user-guide/getting-started/install-subwallet)
+2. [Create or Import Wallet](https://docs.subwallet.app/main/extension-user-guide/account-management/create-a-new-account-with-seed-phrase)
+3. [Import Tokens](https://docs.subwallet.app/main/extension-user-guide/import-and-manage-customized-assets/import-and-manage-customized-tokens) (e.g., **PSP22**)
+4. [Import NFTs](https://docs.subwallet.app/main/extension-user-guide/import-and-manage-customized-assets/import-nft) (e.g., **PSP34**)
+5. [Transfer Tokens](https://docs.subwallet.app/main/extension-user-guide/receive-and-transfer-assets/transfer-tokens/single-chain-transfer) (e.g., **PSP22**)
+6. [Transfer NFTs](https://docs.subwallet.app/main/extension-user-guide/receive-and-transfer-assets/transfer-nft) (e.g., **PSP34**)
+
+## Documentation
+
+- [GitHub Repository](https://github.com/Koniverse/SubWallet-Extension/)
+- [User Manual](https://docs.subwallet.app/)
+
+For more information, visit the official [SubWallet website](https://www.subwallet.app/).

sidebars.js

@@ -248,6 +248,7 @@ module.exports = {
       // { "Swanky suite": ["third-party-tools/swanky/cli"] },
       "third-party-tools/ink-analyzer",
       "third-party-tools/inkathon",
+      "third-party-tools/subwallet",
     ],
     FAQ: ["faq/faq", "faq/migrating-from-ink-3-to-4"],
     "Brand Assets": [

src/css/custom.css

@@ -269,6 +269,18 @@ button:disabled {
   margin: 25px 0px 25px 0px;
 }
 
+table.wallet-table tr{
+  border-top: 0;
+}
+
+table.wallet-table tr:nth-child(2n){
+  background-color: inherit;
+}
+
+table.wallet-table tr:first-child th{
+  border-top: 0
+}
+
 .chainHeader {
   height: 50px !important;
   margin: 25px 0px -25px 0px;