Implement leaderboard for displaying members with the most points

[gracewzhang]

Description

• Implement the leaderboard for displaying the members with the most points

Design

Todos

• Create a new component in src/components/Leaderboard/index.tsx <-- this is where the Leaderboard component will live!
• Run npm install @tanstack/react-table to install Tanstack's React Table
  • The reason why we're using React Table instead of just Chakra UI's table is because React Table supports filtering & sorting
• Use Tanstack's React Table + Chakra UI to render a table where the columns are the user's rank, name, number of points, and number of events attended as well, which we'll need in the future (we can leave this for a future issue)
• We can use dummy data for now (create a file called src/components/Leaderboard/data.ts to store the dummy data)
• Don't worry about styling the table so it looks exactly like Ellie's design---just focus on the initial functionality

Useful Links

• Using React Table with Chakra UI
• React Table documentation
  • Basic React example