Updated dashboard

[mmabrouk]

I played around with the dashboard a bit today to understand more how nextjs/react/frontend works.

Here is are the minor changes I have done:

• Dashboard components:
  • Looked into the templates from vercel
    • https://vercel.com/templates
  • Found this interesting dashboard
    • https://vercel.com/templates/next.js/admin-dashboard-tailwind-planetscale-react-nextjs
  • Using following components library
    • https://www.tremor.so/
  • I installed this library and used it for the table. I think it provides lots of interesting stuff
• Layout
  • I played out a bit with the layout using some code from tailwinduikit.com for the sidebar
  • I added other code from Flowbite (although nothing using js as I did not install it)

Overall I got a bit feeling on how the whole things work.

I am not sure if what I have done is much useful. I think using tremor makes sense. Overall, the change is quite minimal in any case.

I suggest you try the code and look at the result and decide whether to merge the PR or not.

p.s. Sorry about the badly named commit, I was trying to break my changes into lots of commits but made it all into one by mistake

[aakrem]

• Nice that you spent some time discovering how it works
• however, on my screen, it looks bad (I think you were testing on a large screen)
• I am also not a fan of adding components that don't work at all.
• It's Nice that you found a new library that offers already-built components, however, they are still in beta, and I am not sure how good this approach is.
• Also the text feels for me bigger than a normal text, especially for the table.
• I don't like the new design but that's something related to people's tastes :D so