Use the shared formatStroops and formatNumber helpers on the stats page

[mikewheeleer]

Wire the unused format helpers into the stats display

Description

src/lib/format.ts exports formatStroops, formatNumber, and formatTime, with unit tests in src/lib/__tests__/format.test.ts — but no page imports them. Meanwhile src/app/stats/page.tsx renders {stats.totalPairs} as a raw number with no thousands separators. This issue puts the shared formatters to use so large counts and any stroop amounts read correctly.

Requirements and context

• Repository scope: StableRoute-Org/Stableroute-frontend only.
• Render stats.totalPairs through formatNumber so counts get locale thousands separators.
• If/when the stats payload exposes a stroop-denominated value, format it via formatStroops; otherwise document the helper as ready for that field.
• Reuse src/components/StatTile.tsx for the tiles (currently the page hand-rolls dl/div markup) so formatting and layout are centralized.
• Do not change the Stats type semantics or the fetch endpoint.

Suggested execution

• Fork the repo and create a branch
• git checkout -b refactor/formatting-10-stats-formatters
• Implement changes
  • Write code in: src/app/stats/page.tsx importing from src/lib/format.ts and using src/components/StatTile.tsx.
  • Write comprehensive tests in: create src/app/stats/page.test.tsx asserting formatted output.
  • Add documentation: note the formatting convention in README.md.
  • Add JSDoc where helpful.
  • Validate formatting matches the existing format.test.ts expectations.
• Test and commit

Test and commit

• Run npm run lint, npm test, and npm run build.
• Cover edge cases: small count, large count (with separators), and zero.
• Include the full npm test output in the PR description.

Example commit message

refactor: render stats through shared format helpers and StatTile

Guidelines

• Minimum 95 percent test coverage for impacted modules.
• Clear, reviewer-focused documentation.
• Timeframe: 96 hours.

Community & contribution rewards

• 💬 Join the StableRoute community on Discord for questions, reviews, and faster merges: https://discord.gg/37aCpusvx
• ⭐ This is a GrantFox OSS / Official Campaign task and may be rewarded. When your PR is merged you'll be prompted to rate the project — if this issue and the maintainers helped you ship, we'd be grateful for a 5-star rating. Clear questions in Discord and tidy, well-tested PRs are the fastest path to a merge and a reward.

[YfengJ]

Hi maintainers, I would like to apply for this issue if it is available.

If assigned, I will keep the refactor scoped to the stats page: reuse formatNumber for totalPairs, wire StatTile instead of hand-rolled stat markup where appropriate, preserve the existing fetch/type semantics, and add focused tests for zero, small, and large formatted counts. I will only document formatStroops usage if the current payload has no stroop field to render.

I will wait for maintainer or GrantFox assignment/confirmation before cloning, implementing, or opening a PR.

[KarenZita01]

Hi maintainer, I would love to take on this issue. I’ve reviewed it and I know it is something I can work on. I have an experience with Rust, Soroban smart contracts, frontend and other programming languages.