feat: update DefaultHeaderPage to display user type label and fix avatar URL handling

src/components/layout/DefaultHeaderPage.vue

@@ -211,8 +211,9 @@
                 <div class="profile-panel q-pa-md">
                   <div class="row items-center no-wrap q-gutter-x-md">
                     <q-img
+                      v-if="user?.avatar_url"
                       class="avatar-circle"
-                      :src="user?.avatar_url || 'icons/user-icon.jpg'"
+                      :src="user.avatar_url"
                     />
 
                     <div class="column" style="min-width: 0">
@@ -223,7 +224,7 @@
                       </span>
 
                       <span class="text-caption text-grey-6 ellipsis">
-                        {{ user?.email }}
+                        {{ userTypeLabel }}
                       </span>
                     </div>
                   </div>
@@ -397,6 +398,9 @@ const unitInfo = computed(() => unitDetails.value || store.selectedUnit || {});
 
 const user = computed(() => store.user);
 const userUnits = computed(() => store.user?.units ?? []);
+const userTypeLabel = computed(
+  () => store.user?.user_type_label ?? store.user?.user_type,
+);
 
 const displayBreadcrumbs = computed(() => {
   const items = breadcrumbs?.length ? breadcrumbs : route.meta?.breadcrumbs;