Added usePagination CustomHook and TableWithPagination component

[ShwetKhatri2001]

What type of PR is this?
/kind feature

What this PR does / why we need it:
This PR includes a reusable function/custom-hook to generate pagination for all types of data on different pages. Also, it includes an example of how to include it with data. The example shows how table data can be divided into pages and shown dynamically based on the page number. It is the implementation of this Figma Design ( Overview Page - iteration 7 frame ).

This PR is also using the DataTable component included in the last PR with some modifications to attach pagination for data in a table.

Which issue(s) this PR fixes:
It's a general component useful for different pages of the entire application.

Special notes for your reviewer:
@RainbowMango I'm attaching a preview and video link to show how the functionality of pagination included with the table works. We can use the pagination component similarly on any page for any usecase in future.

Video : https://www.loom.com/share/a1ab8e5047a74535a6cb601a2c99295d

Does this PR introduce a user-facing change?:

NONE

Signed-off-by: ShwetKhatri2001 [email protected]

[karmada-bot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
To complete the pull request process, please assign kevin-wangzefeng after the PR has been reviewed.
You can assign the PR to them by writing /assign @kevin-wangzefeng in a comment when ready.

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

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[chinmaym07]

Great work done on this Pagination & Data component. @ShwetKhatri2001 💯

[RainbowMango]

@chinmaym07 Do you think this PR is ready to move forward?

[RainbowMango]

/close
Now we are currently refactoring it on master.

[karmada-bot]

@RainbowMango: Closed this PR.

In response to this:

/close
Now we are currently refactoring it on master.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.