Add Vuetify and basic layout for test purposes

software/src/App.vue

@@ -1,6 +1,23 @@
 <script setup>
+import { ref } from 'vue';
+
+const showDrawer = ref(true)
 </script>
 
 <template>
-  HackMyCart
+  <v-app>
+    <v-app-bar>
+      <v-app-bar-nav-icon @click="showDrawer = !showDrawer"/>
+
+      <v-app-bar-title>HackMyCart</v-app-bar-title>
+    </v-app-bar>
+
+    <v-navigation-drawer v-model="showDrawer">
+      <!-- todo -->
+    </v-navigation-drawer>
+
+    <v-main>
+      <!-- todo -->
+    </v-main>
+  </v-app>
 </template>

software/src/main.ts

@@ -1,4 +1,8 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-createApp(App).mount('#app')
+import vuetify from './plugins/vuetify'
+
+createApp(App)
+  .use(vuetify)
+  .mount('#app')

software/src/plugins/vuetify.ts

@@ -0,0 +1,17 @@
+// Vuetify & Material icons imports
+import 'vuetify/styles'
+import '@mdi/font/css/materialdesignicons.css'
+import { createVuetify } from 'vuetify/lib/framework.mjs'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+
+// Vuetify config
+const vuetify = createVuetify({
+  components,
+  directives,
+  theme: {
+    defaultTheme: 'dark'
+  }
+})
+
+export default vuetify