Add Asset Allocation breakdown to Wallet dashboard

[christabel888]

Context: Third Wallet Dashboard panel, backed by backend Stellar-Insightss/backend#27.

Where:

• frontend/src/app/[locale]/wallet/[address]/

What to do:

• Add an asset-allocation breakdown (pie/donut, matching the pivot doc's example).

Definition of done:

• Wallet dashboard shows asset allocation with real data

[utilityjnr]

I'm a full-stack developer with experience across modern web stacks (React/TypeScript on the frontend, Node.js/backend APIs, and database integration), comfortable working in existing codebases, following established conventions, and delivering focused, well-tested changes. I've worked on UI features, API integrations, bug fixes, and performance improvements, and I prioritize writing clean, maintainable code with good test coverage.

Approach: I'd start by thoroughly reading the issue description and any linked context (pivot docs, related PRs, design specs) to make sure I understand the expected behavior and definition of done before writing any code. I'd then explore the relevant files to understand existing patterns and conventions already in use in the codebase, so my implementation stays consistent with the project's style. I'd implement the change incrementally, testing locally against the stated acceptance criteria, and handle edge cases (errors, unsupported browsers/environments, unexpected data) explicitly rather than assuming the happy path. Before opening a PR, I'd verify the solution against every point in the definition of done, and keep the PR focused and easy to review.

[grantfox-oss]

🦊 GrantFox — @utilityjnr has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #173)
2. Your PR will be reviewed by the Stellar-Insightss maintainers

Good luck! Track your progress on GrantFox.