feat: Implement initial frontend for instructor and admin course management functionalities.

frontend_management/pages/instructor/index.vue

@@ -171,6 +171,8 @@
 </template>
 
 <script setup lang="ts">
+import { useQuasar } from 'quasar';
+
 definePageMeta({
   layout: 'instructor',
   middleware: 'auth'
@@ -179,6 +181,7 @@ definePageMeta({
 const authStore = useAuthStore();
 const instructorStore = useInstructorStore();
 const router = useRouter();
+const $q = useQuasar();
 
 // Navigation functions
 const goToProfile = () => {
@@ -190,8 +193,23 @@ const goToSettings = () => {
 };
 
 const handleLogout = () => {
-  authStore.logout();
-  router.push('/login');
+  $q.dialog({
+    title: 'ยืนยันการออกจากระบบ',
+    message: 'คุณต้องการออกจากระบบใช่หรือไม่?',
+    cancel: {
+      label: 'ยกเลิก',
+      flat: true,
+      color: 'grey-8'
+    },
+    ok: {
+      label: 'ออกจากระบบ',
+      color: 'negative'
+    },
+    persistent: true
+  }).onOk(() => {
+    authStore.logout();
+    router.push('/login');
+  });
 };
 
 // Fetch dashboard data on mount