Add charts on usage page

[MananTank]

Problem solved

Short description of the bug fixed or feature added

---

PR-Codex overview

This PR focuses on refactoring and enhancing the dashboard application by improving component structures, updating styling, and replacing certain components for better functionality and clarity.

Detailed summary

• Removed toNumber function from utils/number.ts.
• Updated text styles in empty-chart-state.tsx.
• Adjusted padding and alignment in EcosystemWalletUsersChartCard.tsx.
• Streamlined layout in page.tsx files for better structure.
• Replaced InAppWalletUsersChartCard with InAppWalletUsersChartCardUI.
• Added new props for TotalSponsoredChartCardUI in TotalSponsoredCard.
• Enhanced Usage component to include subscription and account details.
• Introduced AsyncInAppWalletUsersChartCard for asynchronous data fetching.
• Updated various components to improve readability and maintainability.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
thirdweb-www	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 19, 2024 7:09pm

3 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
docs-v2	⬜️ Skipped (Inspect)			Nov 19, 2024 7:09pm
thirdweb_playground	⬜️ Skipped (Inspect)			Nov 19, 2024 7:09pm
wallet-ui	⬜️ Skipped (Inspect)			Nov 19, 2024 7:09pm

[MananTank]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Add charts on usage page #5459 👈 (View in Graphite)
• [Dashboard] Feature: Integrate billing v2 init #5432 : 2 other dependent PRs (#5436 , #5447 )
• Chore: Update dependencies #5430
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 45.53%. Comparing base (e0eea33) to head (0ab00f4).
Report is 5 commits behind head on 11-14-integrate_billing_v2_init.

Additional details and impacted files

@@                       Coverage Diff                        @@
##           11-14-integrate_billing_v2_init    #5459   +/-   ##
================================================================
  Coverage                            45.53%   45.53%           
================================================================
  Files                                 1070     1070           
  Lines                                55709    55709           
  Branches                              4031     4031           
================================================================
  Hits                                 25365    25365           
  Misses                               29657    29657           
  Partials                               687      687           

Flag	Coverage Δ		*Carryforward flag
legacy_packages	65.68% <ø> (ø)		Carriedforward from c22380f
packages	40.64% <ø> (ø)

*This pull request uses carry forward flags. Click here to find out more.

---- 🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[github-actions]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
thirdweb (esm)	44.9 KB (0%)	899 ms (0%)	775 ms (+45.21% 🔺)	1.7 s
thirdweb (cjs)	105.02 KB (0%)	2.2 s (0%)	782 ms (+30.06% 🔺)	2.9 s
thirdweb (minimal + tree-shaking)	5.61 KB (0%)	113 ms (0%)	14 ms (-22.35% 🔽)	126 ms
thirdweb/chains (tree-shaking)	506 B (0%)	10 ms (0%)	21 ms (+64.57% 🔺)	31 ms
thirdweb/react (minimal + tree-shaking)	18.41 KB (0%)	369 ms (0%)	101 ms (-9.07% 🔽)	469 ms

[changeset-bot]

⚠️ No Changeset found

Latest commit: 0ab00f4

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[gregfromstl]

Would it be possible to use the BarChart component directly if you don't need the tabs?

[MananTank]

yeah, I can make that change

[jnsdls]

folded into upstream