feat: Enhance reservation functionality

app/pages/admin/config.vue

@@ -155,7 +155,7 @@ import {
   IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonButtons,
   IonMenuButton, IonButton, IonIcon, IonCard, IonCardHeader, IonCardTitle,
   IonCardSubtitle, IonCardContent, IonList, IonItem, IonLabel, IonInput,
-  IonSpinner, IonToast,
+  IonSpinner, IonToast, onIonViewWillEnter,
 } from '@ionic/vue'
 import { saveOutline, trashOutline, addOutline } from 'ionicons/icons'
 import type { Database } from '~/types/supabase'
@@ -184,10 +184,14 @@ const local = reactive<Record<ConfigKey, number>>({
 
 const original = reactive<Record<ConfigKey, number>>({ ...local })
 
-onMounted(async () => {
+async function loadAll() {
   await Promise.all([fetchConfig(), fetchHolidays()])
   loading.value = false
-})
+}
+
+const user = useSupabaseUser()
+watch(user, (val) => { if (val) loadAll() }, { immediate: true })
+onIonViewWillEnter(() => { if (user.value) loadAll() })
 
 async function fetchConfig() {
   const { data } = await supabase