Added transaction feature, fixed some mistakes

frontend/src/components/Header.vue

@@ -6,6 +6,13 @@ import { useI18n } from '@/i18n';
 const emit = defineEmits<{
   navigate: [screen: string];
 }>();
+
+const props = withDefaults(defineProps<{
+  familyName?: string;
+}>(), {
+  familyName: '',
+});
+
 const { t } = useI18n();
 
 const currentHour = ref(new Date().getHours());
@@ -51,7 +58,7 @@ onBeforeUnmount(() => {
       </div>
       <div>
         <p class="mb-0.5 text-[11px] font-normal text-zinc-500">{{ greeting }}</p>
-        <h1 class="text-[17px] font-semibold tracking-tight text-white">{{ t('header.familyName') }}</h1>
+        <h1 class="text-[17px] font-semibold tracking-tight text-white">{{ props.familyName || t('header.familyName') }}</h1>
       </div>
     </div>
     <div class="flex items-center gap-2">