fixes

resources/js/pages/pages/patient-labkits/labkit.vue

@@ -129,12 +129,34 @@ const breadcrums = [
         <!-- full name -->
         <template #item.first_name="{ item }">
           <div class="d-flex align-center">
-            
+            <!-- avatar -->
-                
+            <VAvatar
-            <span>{{ item.first_name }} {{ item.last_name }}</span>
+              size="32"
-            
+              :color="item.avatar ? '' : 'primary'"
+              :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
+              :variant="!item.avatar ? 'tonal' : undefined"
+            >
+              <VImg
+                v-if="item.avatar"
+                :src="item.avatar"
+              />
+              <span
+                v-else
+                class="text-sm"
+              >{{ avatarText(item.first_name) }}</span>
+            </VAvatar>
+
+            <div class="d-flex flex-column ms-3">
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.first_name }} {{ item.last_name }}</span>
+              <!-- <small>{{ item.post }}</small> -->
+            </div>
           </div>
         </template>
+        <!-- <template #item.first_name="{ item }">
+          <div class="d-flex align-center">
+            <span>{{ item.first_name }} {{ item.last_name }}</span>
+          </div>
+        </template> -->
         <template #item.shipping_address1="{ item }">
           <div class="d-flex align-center">
             
@@ -158,10 +180,11 @@ const breadcrums = [
           <VSelect
                   v-model="item.status"
                   placeholder="Status"
+                  density="comfortable"
                   :items="['Pending', 'Shipped', 'Delivered', 'Transit', 'Recevied', 'Result']"
                   @update:model-value="onStatusChange"
                   @click="onChange(item.id)"
-                  density="comfortable"
+                  
           />
         </template>
       </VDataTable>