chore(frontend): Add Vuetify

Add Vuetify and simple slider to about page

frontend/src/main.ts

@@ -1,11 +1,24 @@
 import './assets/main.css'
+import { createApp } from 'vue';
 
-import { createApp } from 'vue'
+// Vuetify
+import 'vuetify/styles';
+import { createVuetify } from 'vuetify';
+import * as components from 'vuetify/components';
+import * as directives from 'vuetify/directives';
+
+// Components
 import App from './App.vue'
 import router from './router'
 
-const app = createApp(App)
+const app = createApp(App);
 
-app.use(router)
+app.use(router);
 
-app.mount('#app')
+const vuetify = createVuetify({
+  components,
+  directives,
+});
+app.use(vuetify);
+
+app.mount('#app');

frontend/src/views/AboutView.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="about">
     <h1>This is an about page</h1>
+    <v-slider></v-slider>
   </div>
 </template>