avatar fix

sessions fix
password change
sign-in fix

src/layouts/DefaultLayout.vue

@@ -21,6 +21,12 @@ const title = 'Ulitka'
 
 const isAuth = computed(() => !!session.value.data)
 
+/** Shown in the avatar until the user uploads a picture */
+const initial = computed(() => {
+  const user = session.value.data?.user
+  return (user?.name.trim() || user?.email || '?').charAt(0).toUpperCase()
+})
+
 function goToSignIn() {
   router.push({ path: '/sign-in' })
 }
@@ -66,6 +72,7 @@ const fluid = computed(() => {
 
       <div v-if="!session.data">
         <v-btn @click="goToSignIn">Sign In</v-btn>
+        <v-btn @click="goToSignUp">Sign Up</v-btn>
       </div>
 
       <div v-if="session.data" class="d-flex align-center">
@@ -84,7 +91,8 @@ const fluid = computed(() => {
           <v-list nav density="compact" class="pa-1">
             <v-list-item density="compact">
               <v-sheet border class="d-flex align-center ga-2 pa-2">
-                <v-avatar rounded="circle" color="primary">A</v-avatar>
+                <!-- No slot content: with a default slot v-avatar ignores image; text is used only without image -->
+                <v-avatar rounded="circle" border :image="session.data.user.image ?? undefined" :text="initial" />
                 <div>
                   <div>{{ session.data.user.name }}</div>
                   <div class="text-label-medium">{{ session.data.user.email }}</div>