Added Vehicles

Added Bankimport, BankAccounts, BankStatements
Some Visual Changes
Added Contacts
Changes in VendorInvoices
Added layouts with default an one for Login PAge
Added Input Group Component

spaces/app.vue

@@ -10,7 +10,7 @@ const colorMode = useColorMode()
 const supabase = useSupabaseClient()
 const tenants = (await supabase.from("tenants").select()).data
 const {loaded, profiles} = storeToRefs(useDataStore())
-const {fetchData, getProfileById} = useDataStore()
+const {fetchData, getProfileById, clearStore} = useDataStore()
 const userProfile = (user.value ? getProfileById(user.value.id) : {})
 //console.log(userProfile)
 
@@ -43,6 +43,11 @@ const navLinks = [
         to: "/vendors",
         icon: "i-heroicons-truck"
       },
+      {
+        label: "Kontakte",
+        to: "/contacts",
+        icon: "i-heroicons-user-group"
+      },
     ]
   },
   {
@@ -54,6 +59,11 @@ const navLinks = [
         to: "/vendorinvoices",
         icon: "i-heroicons-user-group"
       },
+      {
+        label: "Bank",
+        to: "/banking",
+        icon: "i-heroicons-currency-euro"
+      },
     ]
   },
   {
@@ -128,6 +138,11 @@ const navLinks = [
         to: "/inventory/spaces",
         icon: "i-heroicons-square-3-stack-3d"
       },
+      {
+        label: "Fahrzeuge",
+        to: "/vehicles",
+        icon: "i-heroicons-truck"
+      },
     ]
   },
 ]
@@ -201,8 +216,9 @@ const items = [
     icon: 'i-heroicons-cog-8-tooth',
     to: "/settings/externalDevices"
   },{
-    label: 'Settings',
-    icon: 'i-heroicons-cog-8-tooth'
+    label: 'Benutzer',
+    icon: 'i-heroicons-user-group',
+    to: "/settings/users"
   }], /*[{
     label: 'Documentation',
     icon: 'i-heroicons-book-open'
@@ -215,9 +231,11 @@ const items = [
   }],*/ [{
     label: 'Sign out',
     icon: 'i-heroicons-arrow-left-on-rectangle',
-    click: () => {
-      supabase.auth.signOut()
-      router.push("/login")
+    click: async () => {
+      await supabase.auth.signOut()
+      await clearStore()
+      await router.push("/login")
+
     }
   }]
 ]
@@ -251,6 +269,7 @@ const items = [
       <UDropdown :items="items" :ui="{ item: { disabled: 'cursor-text select-text' } }" :popper="{ placement: 'bottom-start' }">
         <UAvatar
             :alt="userProfile ? userProfile.firstName + ' ' + userProfile.lastName : '' "
+            icon="i-heroicons-photo"
         />
 
         <template #account="{ item }">
@@ -274,14 +293,11 @@ const items = [
   </UHeader>
   <UDivider />
   <div class="m-3" id="contentContainer">
-    <NuxtPage
-        v-if="loaded"
-    />
-    <div
-        v-else
-    >
-      <UProgress animation="carousel" />
-    </div>
+    <NuxtLayout>
+      <NuxtPage/>
+    </NuxtLayout>
+
+
   </div>
 <!--  <UFooter>
     <template #left>