feat: Implemented a data table using TanStack Table

[aryanprince]

Summary

Added a new data table to manage records. This gives us so many cool features to let us manipulate and easily see the right data we want - not to mention how much cleaner it looks!

Close #109

Features

• [x] Set up a new data table with TanStack Table with shadcn-ui styling
• [x] The new data table supports
  • Pagination
  • Change no of items shown per page
  • Selecting multiple items
  • Sortable column headers
  • Hideable column headers
  • Filter option
  • Search (by student ID)
• [x] Minor UI polishes: Updated sidebar, code refactoring, and more

Screenshots

Autogenerated PR Description by GitHub Copilot lol

This pull request adds the TanStack Table and shadcn table to the project. The TanStack Table is a powerful data table component that allows for easy rendering and manipulation of tabular data. The shadcn table is a utility table used for managing data in the project. These additions will enhance the functionality and user experience of the application.

[vercel[bot]]

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

Name	Status	Preview	Updated (UTC)
dashboard	✅ Ready (Inspect)	Visit Preview	Dec 2, 2023 9:37pm

[railway-app[bot]]

This PR is being deployed to Railway 🚅

[railway-app[bot]]

This PR is being deployed to Railway 🚅

Dashboard (Next.js): ◻️ REMOVED