Stretch/fast follow: Tom's Token Score fidget/iframe

[willyogo]

As a user, I want to see an auto-generated score for each token deployed by Clanker (eventually all tokens on Base, but let's start with Clanker).

AC:

1. An iframe/fidget is created that calculates a Score for each token using available data (ie. onchain and farcaster data on both the deployer of a token as well as its holders; market data for how the token has performed since launch)

placeholder example from bolt using hardcoded mock data: https://bright-lolly-8a99fd.netlify.app

[to-do: figure out what data we can use to score tokens and create the algo. OR, potentially just use another tool like https://proof-of-chad.fun ]

Note: while this isn't technically required for MVP, it could make MVP much more of an MLP

[willyogo]

@r4topunk's plan for token scores & directory

Phase 1: Data Analysis
• Review Available Data Sources
Analyze endpoints from Neynar and Farcaster, and identify data relevant to token deployers, holders, and market performance.
• Document Useful Endpoints
Create a document listing endpoints, including data types, update frequency, and relevance to token scoring.
• Fetch and Test Data
Retrieve mock data from selected endpoints to confirm usability and integrity.

Phase 2: Metrics Definition
• Define Scoring Metrics
Decide which metrics will contribute to the score (e.g., deployer activity, holder engagement, price trends). Justify why each metric matters.
• Weight Each Metric
Assign initial weights to metrics based on perceived importance (e.g., 40% market data, 30% deployer data, 30% holder data).
• Draft the Scoring Formula
Combine metrics into a single formula for generating scores. Define a range (e.g., 0–100) and test edge cases.

Phase 3: Prototype and Validation
• Build a Mock Score Generator
Use hardcoded mock data to validate the scoring formula and ensure outputs make sense.
• Visualize Scores
Create a basic interface (e.g., table or chart) to display token scores with mock data.
• Gather Feedback
Share the mock score generator and visualization with stakeholders to refine metrics and weights.

Phase 4: UI Development - Part 1
• Create Token Score Interface
Build an interface that displays the Aggregate score for each token (one token at a time) on top and then each metric used to calculate the score below. The UI should be responsive and look good at a very small size.

Example Fidget and UI
https://bright-lolly-8a99fd.netlify.app/
Issue: #533

Phase 5: UI Development - Part 2
Create a token directory that displays all Clanker tokens along with their score, and lets users sort by Top, Hot, and New
Example UI: https://polite-concha-7bb7a4.netlify.app/
Issue: #536

Phase 6:
Add realtime updates so both token score and token directory update as new data becomes available
When a component updates, an animation plays

Phase 7: Advanced Features
• Implement Weight Adjustment System
Create an interface for real-time weight adjustments and validate its impact on scores.
• Optimize Performance
Ensure the iframe loads quickly and handles large datasets effectively.
• Integrate Final Design