update anjungan, store management

components/features/queue/CurrentPatientCard.vue

@@ -1,7 +1,20 @@
 <template>
   <v-card class="current-patient-card" elevation="0">
     <v-card-text class="pa-4">
-      <div class="section-label mb-3">SEDANG DIPROSES</div>
+      <div class="section-header mb-3">
+        <div class="section-label">SEDANG DIPROSES</div>
+        <v-btn
+          v-if="patient"
+          class="call-button"
+          color="primary-600"
+          variant="flat"
+          size="small"
+          @click="$emit('call')"
+        >
+          <v-icon start size="18">mdi-bullhorn</v-icon>
+          Panggil
+        </v-btn>
+      </div>
       
       <div v-if="patient" class="patient-details" :class="`patient-details-${theme}`">
         <div class="patient-number mb-2">{{ patient.noAntrian.split(" |")[0] }}</div>
@@ -80,7 +93,7 @@ defineProps({
   }
 });
 
-defineEmits(['action', 'change-klinik', 'process-next']);
+defineEmits(['action', 'change-klinik', 'process-next', 'call']);
 </script>
 
 <style scoped lang="scss">
@@ -90,6 +103,12 @@ defineEmits(['action', 'change-klinik', 'process-next']);
   background: var(--color-neutral-100);
 }
 
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
 .section-label {
   font-size: 11px;
   font-weight: 700;
@@ -98,6 +117,12 @@ defineEmits(['action', 'change-klinik', 'process-next']);
   text-transform: uppercase;
 }
 
+.call-button {
+  text-transform: none;
+  font-weight: 600;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
 .patient-details {
   border-radius: 8px;
   padding: 16px;