updated user customer list

src/pages/delivery/view.vue

@@ -62,11 +62,10 @@
 
         <!-- Delivery Status Card -->
         <div class="bg-neutral rounded-lg p-5">
-          <h3 class="text-xl font-bold mb-4">Delivery Status</h3>
-          <div class="space-y-3">
-            <div>
+          <div class="grid grid-cols-2 gap-4">
+            <div class="col-span-2">
               <div class="font-bold text-sm">Current Status</div>
-              <div class="badge badge-lg" 
+              <div class="badge badge-lg"
                    :class="{
                      'badge-success': [1, 10].includes(deliveryOrder.delivery_status),
                      'badge-info': deliveryOrder.delivery_status == 2,
@@ -84,10 +83,6 @@
                 <span v-else-if="deliveryOrder.delivery_status == 10">Finalized</span>
               </div>
             </div>
-            <!-- <div>
-              <div class="font-bold text-sm">Assigned Driver</div>
-              <div>{{ deliveryOrder.driver_first_name }} {{ deliveryOrder.driver_last_name }}</div>
-            </div> -->
             <div>
               <div class="font-bold text-sm">Scheduled Date</div>
               <div>{{ deliveryOrder.expected_delivery_date }}</div>
@@ -96,7 +91,7 @@
               <div class="font-bold text-sm">Date Delivered</div>
               <div>{{ (deliveryOrder.when_delivered) }}</div>
             </div>
-            <div>
+            <div class="col-span-2">
               <div class="font-bold text-sm">Date Ordered</div>
               <div>{{ (deliveryOrder.when_ordered) }}</div>
             </div>
@@ -335,7 +330,7 @@
               This prevents the links from rendering until `deliveryOrder.id` is available.
             -->
             <div v-if="deliveryOrder && deliveryOrder.id" class="flex flex-wrap gap-2 pt-4">
-              <router-link :to="{ name: 'deliveryEdit', params: { id: deliveryOrder.id } }">
+              <router-link v-if="deliveryOrder.delivery_status !== 10" :to="{ name: 'deliveryEdit', params: { id: deliveryOrder.id } }">
                 <button class="btn btn-secondary btn-sm">Edit Delivery</button>
               </router-link>
               <router-link :to="{ name: 'finalizeTicket', params: { id: deliveryOrder.id } }" v-if="deliveryOrder.delivery_status != 10">