Setup New UI libraries

[rawheel]

As I worked on the project when I was learning frontend and didn't explore and considered UI libraries with really cool components. But now I've researched and listed a few libraries we can use or I've been using.

1. Vuetify docs

Vuetify is a complete UI framework built on top of Vue.js. It provides built-in fancy components and customized tags with material design.

2. Vuesax docs

Vuesax is a framework of UI components created with Vuejs to make projects easily and with a unique and pleasant style.

3. Tailwindcss docs

TailwindCSS gives you the tools and the standardization to build exactly what you. It should be used for styling.

4. Apexcharts docs

ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages. It is the easiest and best visualization library we can use with vue.js for visualization of user stats.

My Suggestions are to use Vuesax with tailwindcss for now because they are really easy to set up and gives really cool components which could fulfill the requirements, Vuetify could be considered for the future when the scope of the project would be molding towards getting more analytics.