Creating & Edit profile

apps/web/src/components/dashboard/HomeHero.vue

@@ -4,6 +4,7 @@ import { RouterLink } from 'vue-router';
 import UiIcon from '@/components/UiIcon.vue';
 import MentoAiAvatar from '@/components/brand/MentoAiAvatar.vue';
 import { brand, type HomeDashboardAlertDto } from '@mento/shared';
+import { useAuthStore } from '@/stores/auth';
 
 const props = defineProps<{
   greeting: string;
@@ -18,6 +19,8 @@ const emit = defineEmits<{
   ask: [];
 }>();
 
+const auth = useAuthStore();
+
 type HeroChip = {
   key: string;
   tone: HomeDashboardAlertDto['tone'];
@@ -86,7 +89,7 @@ function alertIcon(tone: string) {
     <div class="hero-body">
       <div class="hero-greet">
         <span class="hero-avatar">
-          <img src="/brand/user-avatar.png" :alt="firstName" width="72" height="72" />
+          <img :src="auth.avatarSrc" :alt="firstName" width="72" height="72" />
           <i class="online" />
         </span>
         <div class="greet-text">