Add sorting by datetime for OrderBookingsPagination and enhance filter initialization

src/components/displays/pagination/models/UserDashboard/OrderBookingsPagination.vue

@@ -4,6 +4,7 @@ import {
   loadList,
   setEndpoint,
   setFilter,
+  setOrder
 } from "@/components/pagination/paginatedList.vue";
 import {SessionUser} from "@/components/session/token/SessionUser.vue";
 import { useRouter } from "vue-router";
@@ -33,6 +34,7 @@ const onOrderIdFilterChange = (event) => {
   orderIdFilter.value = val;
   // Apply filter: '*' clears, 'is null' shows without order, 'not null' shows with order
   setFilter('order_id', val);
+
 };
 
 // Department filter
@@ -55,7 +57,7 @@ const onOnlyTodayFilterChange = (event, autoLoadList = true) => {
   } else {
     const startOfDay = new Date().setHours(0, 0, 0, 0);
     const endOfDay = new Date().setHours(23, 59, 59, 999);
-    setFilter('datetime', null, false);
+    //setFilter('datetime', null, false);
     setFilter('datetime-date_from', new Date(startOfDay).toISOString(), false);
     setFilter('datetime-date_to', new Date(endOfDay).toISOString(), false);
   }
@@ -81,6 +83,8 @@ const showLegacyOrderBookingsPortal = () => {
 // Filters
 onMounted(() => {
   setEndpoint(SessionUser.objects.order_bookings.meta.endpoint, false);
+  setOrder('datetime', 'desc', false);
+  // Apply initial filters from props
   for (const [key, value] of Object.entries(props.filters)) {
     let setFilterKey = true;
     // Also set the filter controls if applicable