Move Navigation from NavDrawer to AppBar, redesign page structure and routes

software/src/components/navigation/navigationAppendItems.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { useAccountStore } from '@/data/stores/accountStore';
+import router from '@/plugins/router';
+
+const accountStore = useAccountStore()
+
+function startSearch() {
+  // todo
+  router.push("/shows/search")
+}
+</script>
+
+<template>
+  <v-text-field
+    variant="outlined"
+    append-inner-icon="mdi-magnify"
+    density="compact"
+    class="mt-5 mr-5"
+    @click:append-inner="startSearch"
+    width="400"
+  />
+
+  <v-btn v-if="accountStore.userAccount.id == 0" variant="plain" icon="mdi-account" to="/account/login" />
+  <v-btn v-else variant="plain" icon="mdi-account" to="/account/home" />
+
+  <v-btn variant="plain" icon="mdi-cart" to="/basket" />
+  <v-btn variant="plain" icon="mdi-help" to="/system/help" />
+  <v-btn variant="plain" icon="mdi-cog" to="/system/preferences"/>
+</template>

software/src/components/navigation/navigationPrependItems.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <v-app-bar-title class="pr-5">
+    <!-- todo: Brand logo -->
+    <v-btn variant="plain" to="/" flat>HackMyCart</v-btn>
+  </v-app-bar-title>
+
+  <v-divider vertical />
+
+  <v-btn
+    to="/shows/events"
+    prepend-icon="mdi-ticket"
+    height="100%"
+    :rounded="false"
+  >
+    {{ $t('menu.shopping.allEvents', 2) }}
+  </v-btn>
+
+  <v-divider vertical />
+
+
+  <v-btn
+    variant="text"
+    to="/shows/locations"
+    prepend-icon="mdi-city"
+    height="100%"
+    :rounded="false"
+  >
+    {{ $t('menu.shopping.allLocations', 2) }}
+  </v-btn>
+
+  <v-divider vertical />
+
+
+  <v-btn
+    variant="text"
+    to="/shows/genres"
+    prepend-icon="mdi-music-clef-treble"
+    height="100%"
+    :rounded="false"
+  >
+    {{ $t('menu.shopping.allGenres', 2) }}
+  </v-btn>
+
+  <v-divider vertical />
+</template>