Fix booking update and reactivity

src/pages/schedule/ListReservationsPage.vue

@@ -41,7 +41,7 @@
       </q-card>
       <div v-else>
         <div
-          v-for="reservation in sortedUserReservations"
+          v-for="reservation in futureUserReservations"
           :key="reservation.$id">
           <ReservationCardComponent :modelValue="reservation" />
         </div>
@@ -61,10 +61,11 @@
 <script setup lang="ts">
 import { useReservationStore } from 'src/stores/reservation';
 import ReservationCardComponent from 'src/components/scheduling/ReservationCardComponent.vue';
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 
-const { sortedUserReservations, futureUserReservations, pastUserReservations } =
-  useReservationStore();
+const { futureUserReservations, pastUserReservations } = useReservationStore();
+
+onMounted(() => useReservationStore().fetchUserReservations());
 
 const tab = ref('upcoming');