fix: fix ci issues and update styles to remove ui elements

vigilcare-records-web/src/views/QueueDashboardView.vue

@@ -15,25 +15,25 @@
     <div class="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 space-y-6 lg:space-y-8">
       <!-- Summary cards -->
       <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 lg:gap-8">
-        <div class="card">
+        <div class="card-elevated">
           <p class="text-sm text-gray-500">Pending Entry</p>
           <p class="text-3xl font-bold text-yellow-600">
             {{ overview?.statusCounts?.UPLOADED ?? 0 }}
           </p>
         </div>
-        <div class="card">
+        <div class="card-elevated">
           <p class="text-sm text-gray-500">In Entry</p>
           <p class="text-3xl font-bold text-blue-600">
             {{ overview?.statusCounts?.IN_ENTRY ?? 0 }}
           </p>
         </div>
-        <div class="card">
+        <div class="card-elevated">
           <p class="text-sm text-gray-500">Pending Verification</p>
           <p class="text-3xl font-bold text-orange-600">
             {{ overview?.statusCounts?.PENDING_VERIFICATION ?? 0 }}
           </p>
         </div>
-        <div class="card">
+        <div class="card-elevated">
           <p class="text-sm text-gray-500">Reject Rate</p>
           <p
             class="text-3xl font-bold"
@@ -48,7 +48,7 @@
 
       <!-- Queue age and throughput -->
       <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8">
-        <div class="card">
+        <div class="card-elevated">
           <h3 class="text-sm font-medium text-gray-700 mb-2">Average Time in Queue</h3>
           <p class="text-2xl font-bold">
             {{ formatMinutes(overview?.averageTimeInQueueMinutes ?? 0) }}
@@ -57,7 +57,7 @@
             Target: &lt; 24 hours
           </p>
         </div>
-        <div class="card">
+        <div class="card-elevated">
           <h3 class="text-sm font-medium text-gray-700 mb-2">
             Oldest Pending Verification
           </h3>