Implement Pricing logic in Token Cards and Filters in the Explore Page

[mzparacha]

Description

Context: As part of https://github.com/hicommonwealth/commonwealth/issues/8803, we added a tokens list to the explore page and as part of https://github.com/hicommonwealth/commonwealth/issues/8801, we added new filters in the explore page to filter assets

The token list renders placeholder data for these pricing values for each token

• Current Price
• Percentage Change Over 24 Hours
• Current Market Cap
• Market Cap Goal

And the new filters for these pricing options ATM do nothing.

This ticket's purpose is to implement logic to render correct pricing data for each token in the list and update the filters for pricing to work correctly with the new logic

Behavioral Consideration:

• Market Cap Progress Bar Update:
  • The market cap progress bar should dynamically update in real-time, allowing users to see the progress without needing to refresh the page. (Please confirm if this behavior is feasible.)

Project Owner

No response

Bucket ID

No response

User Stories / Acceptance Criteria

• As a user on the explore page, I can view correct pricing info for each token.
• As a user on the explore page, I can filter assets by pricing options

Design Devlink

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

Design Screenshot

Additional Context

N/A

[mzparacha]

Updated: Added some more pricing TODOs from https://github.com/hicommonwealth/commonwealth/issues/8801. To implement these pricing data, we need to store it on the API side.