Added DayJS

Restructured Products
Some Changes in Documents
Some Changes with Logo

spaces/app.vue

@@ -3,7 +3,7 @@
 
 
 const user = useSupabaseUser()
-console.log(user)
+//console.log(user.value)
 const router = useRouter()
 const route = useRoute()
 const colorMode = useColorMode()
@@ -11,9 +11,14 @@ const supabase = useSupabaseClient()
 const tenants = (await supabase.from("tenants").select()).data
 const {loaded, profiles} = storeToRefs(useDataStore())
 const {fetchData, getProfileById} = useDataStore()
-const userProfile = user.value ? getProfileById(user.value.id) : {}
+const userProfile = (user.value ? getProfileById(user.value.id) : {})
+//console.log(userProfile)
 
+const viewport = useViewport()
 
+watch(viewport.breakpoint, (newBreakpoint, oldBreakpoint) => {
+  console.log('Breakpoint updated:', oldBreakpoint, '->', newBreakpoint)
+})
 
 
 fetchData()
@@ -110,26 +115,7 @@ generateLinks()
 
 const userTenant = ref({})
 if(user) userTenant.value = tenants.find(tenant => tenant.id === user.value.app_metadata.tenant)
-const userDropdownItems = [
-    [
-      {
-        label: user.value ? user.value.email : "Profil",
 
-      },/*{
-        label: user ? userTenant.value.name : "",
-
-      }*/
-    ],
-    [
-      {
-        label: "Logout",
-        click: () => {
-
-          router.push("/login")
-        }
-      }
-    ]
-]
 
 
 useHead({
@@ -182,8 +168,16 @@ const items = [
   <UHeader :links="navLinks">
     <template #logo>
       <div id="logo">
-        <img v-if="colorMode.value === 'dark'" src="/spaces.svg"/>
-        <img v-else src="/spaces_hell.svg"/>
+        <img
+            v-if="colorMode.value === 'light'"
+            alt="Logo Hell"
+            src="/spaces_hell.svg"
+        />
+        <img
+            v-else
+            src="/spaces_hell.svg"
+            alt="Logo Dunkel"
+        />
       </div>
 
     </template>