feat: Introduce a new Pinia store for comprehensive patient queue management, including API integration, and add supporting admin and kiosk display pages.

components/features/queue/CurrentPatientCard.vue

@@ -84,6 +84,11 @@
             </v-chip>
           </div>
           <div class="patient-klinik-pembayaran">{{ patient.klinik }} | {{ patient.pembayaran }}</div>
+          <div v-if="patient.referencePatient" class="patient-reference d-flex align-center gap-1">
+            <v-icon size="13" color="primary-600">mdi-link</v-icon>
+            <span class="reference-label">Ref. Loket:</span>
+            <span class="reference-value text-primary-600">{{ patient.referencePatient }}</span>
+          </div>
         </div>
 
         
@@ -342,6 +347,22 @@ defineEmits(['action', 'change-klinik', 'process-next', 'call', 'open-klinik-rua
   font-weight: 600;
 }
 
+.patient-reference {
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--color-neutral-700);
+}
+
+.reference-label {
+  font-weight: 600;
+  color: var(--color-neutral-700);
+}
+
+.reference-value {
+  font-weight: 700;
+  font-size: 13px;
+}
+
 .create-queue-buttons {
   margin-top: 0;
 }