fix(bookings): correct table overflow and width styling

Remove overflow-x-auto from the table wrapper
Apply minimum width using the UTable ui prop instead of standard classes

app/pages/bookings/index.vue

@@ -189,7 +189,7 @@
           </div>
         </template>
 
-        <div class="overflow-x-auto">
+        <div>
           <UTable
             :data="filteredBookings"
             :columns="columns"
@@ -197,7 +197,8 @@
             :empty="searchQuery.trim() ? 'No matching bookings found.' : 'No bookings available yet.'"
             sticky="header"
             caption="Bookings"
-            class="compact-table min-w-[1280px]"
+            class="compact-table"
+            :ui="{ base: 'min-w-[1280px]' }"
           >
             <template #customerName-cell="{ row }">
               <div class="min-w-0 space-y-0.5 py-0.5">