fix(admin): DataTable replaced with useTable

[Komal914]

Checklist:

• I have read freeCodeCamp's contribution guidelines.
• My pull request has a descriptive title (not a vague title like Update index.md)

Closes #467

In the past DataTable has caused issues so admin has been updated with useTable. Since the UI is slightly different, the snapshot needed to be updated for adminTable.

[ngillux]

Tested the changes of this PR, everything seems to work correctly (CI checks have also passed), however, from a UI perspective - there is a missing footer (the image attached shows the current live state of the admin page that's on main / production / proper).

The footer allows for navigation between the number of entries in the list, as well as having the option to filter between 'n' amount of entries being displayed on the page.

Aside from that the expected behavior was achieved. @Komal914 would you be able to look at the previous admin table and compare it to your implementation and see if you can add the option to show 'n' amount of entries?

Or could you share if this is not possible to do with the new library, and if it needs to be implemented another way (i.e., custom footer component)? It's a minor detail but once that is established it would let us know what the next step is. If it is just not an option with the new library then I think this PR is okay to merge.

This PR was tested by me via navigating through the pages as the 'ADMIN' user and ensuring no code would break. Additionally, I navigated as a 'TEACHER' and 'STUDENT' and ensured these pages were functioning correctly as well. Also created classes and went through the navigation for that. Everything worked as anticipated.

@utsab

[Komal914]

Thanks for taking a look @ngillux , there is a way to implement the footer with the new library. I can research and try an implementation. I will say 'React Table' is a bit confusing so I was curious to see if there a better library. Additionally, the library also released an update to version 8. So we probably should use the latest version.

Also, seems that we are using the previous library with 'DataTable', in other parts of the application -> "/components/dashtable.js". Since we are replacing this library inside this PR, it would make sense to also update this section.

i think it might be valuable for us to create a re-usable component which we can import in to use as the base table. Or consider switching to a new library for tables, as 'React Table' version 8 seems to be all in typescript. I found this new library which seems to be very well documented.