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>