Enable Token Sale from Explore Page

[mzparacha]

Description

Pre-req: #8804

Context:
We need to allow users to sale tokens directly from the explore page, similar to the functionality described in Ticket #6870. When a user clicks the “Sell” button on an asset card, a transaction modal should appear, enabling them to complete the sale without navigating away from the explore page.

Task:
Implement a “Sell” section on each token trade modal. When clicked, the following should occur:

Transaction Modal Details:

Fields Displayed:

• Owned token amount to sell: User inputs the number of tokens they wish to sell (this should be in the limit of the user owned tokens).

• Sale Cost: Display the sell amount of the tokens.

• Common Fees: Show any fees associated with the acquisition that Common charges.

• Transacting Wallet: Confirm the wallet to be used for the transaction. This should default to the most recently active, funded wallet that is compatible with the BASE chain.
  User Actions:

• After reviewing the details, the user can proceed by clicking the “Sell” button to confirm the transaction.

• Upon clicking “Sell,” prompt MetaMask or the connected wallet to confirm the transaction.

• The user should have the option to cancel the transaction before finalizing the sale.

Post-Sale Behavior:

• After the transaction is completed, the user remains on the explore page rather than being redirected to the token’s community page.

Project Owner

@HIM92

Bucket ID

#8800

User Stories / Acceptance Criteria

As a user on the explore page, I want to sell tokens directly from the asset cards. When I click “Sell,” I can enter the token amount I wish to sell (considering the amount I own), see the associated costs/amounts, and confirm the transaction using my wallet. I should remain on the explore page after completing the sale.

Design Devlink

https://www.figma.com/design/1b9wbqv9YV2FlU2svFyf0I/IdeaCoin?node-id=815-39215&t=Bs73ODTMr1Of6lIs-0

Design Screenshot

Additional Context

No response