feat: history dialog

src/components/home/PersonCard.vue

@@ -22,10 +22,12 @@ defineProps<{
   noBg?: boolean;
   detailColumnCount?: number;
   canEditProfile?: boolean;
+  history?: boolean;
 }>();
 
 defineEmits<{
   (e: 'editProfile'): void;
+  (e: 'history', id: string): void;
   (e: 'deleteCard', id: string): void;
   (
     e: 'updateCard',
@@ -68,12 +70,24 @@ defineEmits<{
         <!-- kebab menu -->
         <div class="full-width text-right" v-if="!noAction">
           <q-btn
+            v-if="history"
             flat
             round
-            padding="sm"
+            class="app-text-muted-2"
+            padding="xs"
+            icon="mdi-history"
+            size="sm"
+            @click.stop="$emit('history', v.id)"
+          />
+
+          <q-btn
+            flat
+            round
+            padding="xs"
+            class="app-text-muted-2"
             icon="mdi-dots-vertical"
             size="sm"
-            @click.stop=""
+            @click.stop
           >
             <q-menu class="bordered">
               <q-list v-close-popup>