휴가관리 로딩페이지 추가

src/views/vacation/VacationManagement.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="container-xxl flex-grow-1 container-p-y">
-        <div class="card app-calendar-wrapper">
+        <LoadingSpinner v-if="isLoading" />
+        <div v-else class="card app-calendar-wrapper">
             <div class="row g-0">
                 <!-- Sidebar: 사이드바 영역 -->
                 <div class="col-3 app-calendar-sidebar border-end" id="app-calendar-sidebar">
@@ -86,6 +87,9 @@ import { useToastStore } from '@s/toastStore';
 // 라우터
 import { useRouter } from "vue-router";
 
+import LoadingSpinner from "@v/LoadingPage.vue";
+const isLoading = ref(true);
+
 const router = useRouter();
 // 스토어
 const toastStore = useToastStore();
@@ -264,6 +268,7 @@ const handleProfileClick = async (user) => {
 };
 // 프로필 사원 리스트
 const fetchUserList = async () => {
+    isLoading.value = true;
     try {
         await userListStore.fetchUserList();
         userList.value = userListStore.userList;
@@ -277,6 +282,8 @@ const fetchUserList = async () => {
         });
     } catch (error) {
         console.error("📌 사용자 목록 불러오기 오류:", error);
+    } finally{
+        isLoading.value = false;
     }
 };
 // 사원별 남은 연차 개수