feat: Enhance reservation functionality

app/pages/admin/boat.vue

@@ -187,7 +187,7 @@ import {
   IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonButtons,
   IonMenuButton, IonButton, IonIcon, IonCard, IonBadge,
   IonList, IonItem, IonLabel, IonInput, IonToggle, IonSpinner,
-  IonModal, IonAlert, IonToast,
+  IonModal, IonAlert, IonToast, onIonViewWillEnter,
 } from '@ionic/vue'
 import { addOutline, pencilOutline, trashOutline, boatOutline, cameraOutline } from 'ionicons/icons'
 import type { Database } from '~/types/supabase'
@@ -224,7 +224,9 @@ const form = reactive({
   img_src: null as string | null,
 })
 
-onMounted(fetchBoats)
+const user = useSupabaseUser()
+watch(user, (val) => { if (val) fetchBoats() }, { immediate: true })
+onIonViewWillEnter(() => { if (user.value) fetchBoats() })
 
 async function fetchBoats() {
   loading.value = true