feat(top_slowquery): implement the ui

[baurine]

This PR implements the top slow query feature.

[netlify[bot]]

✅ Deploy Preview for tidb-dashboard ready!

Name	Link
🔨 Latest commit	413f566b75c5c2518e37ad0e77f05351e558d27b
🔍 Latest deploy log	https://app.netlify.com/sites/tidb-dashboard/deploys/65f92ff6beb3ea000895f2c9
😎 Deploy Preview	https://deploy-preview-1653--tidb-dashboard.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 23.68%. Comparing base (aa6dbf6) to head (413f566).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #1653 +/- ## ========================================== - Coverage 23.69% 23.68% -0.02% ========================================== Files 177 177 Lines 16043 16043 ========================================== - Hits 3802 3800 -2 - Misses 11956 11958 +2 Partials 285 285 ``` | [Flag](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1653/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) | Coverage Δ | | |---|---|---| | [backend_integration](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1653/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) | `8.99% <ø> (ø)` | | | [backend_ut](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1653/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) | `26.17% <ø> (-0.02%)` | :arrow_down: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap#carryforward-flags-in-the-pull-request-comment) to find out more. ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1653?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1653?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap). Last update [aa6dbf6...413f566](https://app.codecov.io/gh/pingcap/tidb-dashboard/pull/1653?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pingcap).

[ti-chi-bot[bot]]

[LGTM Timeline notifier]

Timeline:

• 2024-03-19 06:48:40.162444138 +0000 UTC m=+1359347.184690525: :ballot_box_with_check: agreed by shhdgit.

[ti-chi-bot[bot]]

@mornyx: adding LGTM is restricted to approvers and reviewers in OWNERS files.

In response to [this](https://github.com/pingcap/tidb-dashboard/pull/1653#pullrequestreview-1945330091): > Instructions for interacting with me using PR comments are available [here](https://git.k8s.io/community/contributors/guide/pull-requests.md). If you have questions or suggestions related to my behavior, please file an issue against the [kubernetes/test-infra](https://github.com/kubernetes/test-infra/issues/new?title=Prow%20issue:) repository.

[ti-chi-bot[bot]]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: mornyx, shhdgit

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files: - ~~[OWNERS](https://github.com/pingcap/tidb-dashboard/blob/master/OWNERS)~~ [shhdgit] Approvers can indicate their approval by writing `/approve` in a comment Approvers can cancel approval by writing `/approve cancel` in a comment