fix: 移除市民字樣

app/citizen-frontend/src/pages/appointment.vue

@@ -224,7 +224,7 @@
             </div>
 
             <div class="text-caption text-grey-darken-2 font-weight-bold mb-4">
-              姓名: {{ store.userProfile.name || "市民" }} 先生 | 電話:
+              姓名: {{ displayUserName }} | 電話:
               {{ store.userProfile.phone }}
             </div>
 
@@ -262,6 +262,7 @@
 <script setup lang="ts">
 import { computed, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
+import { useDisplayUserName } from "@/composables/useDisplayUserName";
 import Layout from "@/components/layout/DefaultLayout.vue";
 import QRCode from "@/components/QRCode.vue";
 import { type Appointment, useAppStore } from "@/stores/app";
@@ -273,6 +274,7 @@ const filterTab = ref("all");
 const showMissingGroupNotice = ref(
   route.query.reason === "missing-fitness-group",
 );
+const displayUserName = useDisplayUserName(store.userProfile);
 
 const qrcodeDialog = ref(false);
 const selectedApt = ref<Appointment | null>(null);