refactor(FR-484): refactor statistics page to react component

[nowgnuesLee]

resolves #3120(FR-484)

chages

• add new hook useUserStats for userStats using useSuspenseQuery
• add antd/charts package to use antd's charts
• add tooltip to each items

Checklist: (if applicable)

• Documentation
• Minium required manager version
• Specific setting for review (eg., KB link, endpoint or how to setup)
• Minimum requirements to check during review
• Test case(s) to demonstrate the difference of before/after

[nowgnuesLee]

• refactor(FR-484): refactor statistics page to react component #3178 👈 (View in Graphite)
• main

---

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

• flow:merge-queue - adds this PR to the back of the merge queue
• flow:hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

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

[github-actions]

Coverage report for ./react

Action wasn't able to generate report within GitHub comment limit. If you're facing this issue, please let me know by commenting under this issue.

Report generated by 🧪jest coverage report action from 7fa9844

[yomybaby]

1. Please add a tooltip to each graph title instead of previous information modal.

2. Add "Period" to a period Select.

3. Use column chart instead of line chart.

[yomybaby]

Please resolve conflict and add Jira number to PR title.

[yomybaby]

Please consider the following points for refactoring and then request a re-review:

• Readability: The return JSX of a component should be clear enough to understand its structure. Over-componentization or excessive hook development can reduce readability.
• Separation of Concerns: Ensure that components or functions contain only their specific concerns, such as data fetching or transforming data for a specific component.