feat: Add initial e-learning frontend setup including admin and instructor services, layouts, and pages.

frontend_management/layouts/instructor.vue

@@ -2,7 +2,7 @@
   <div class="min-h-screen bg-gray-50">
     <!-- Sidebar -->
     <aside class="fixed left-0 top-0 h-screen w-64 bg-white shadow-lg">
-      <div class="p-6">
+      <div class="py-6 px-8">
         <h2 class="text-xl font-bold text-primary-600">E-Learning</h2>
         <p class="text-sm text-gray-500">Instructor Panel</p>
       </div>
@@ -46,11 +46,29 @@
 </template>
 
 <script setup lang="ts">
+import { useQuasar } from 'quasar';
+
+const $q = useQuasar();
 const authStore = useAuthStore();
 const router = useRouter();
 
 const handleLogout = () => {
-  authStore.logout();
-  router.push('/login');
+  $q.dialog({
+    title: 'ยืนยันออกจากระบบ',
+    message: 'คุณต้องการออกจากระบบหรือไม่?',
+    persistent: true,
+    ok: {
+      label: 'ออกจากระบบ',
+      color: 'negative',
+      flat: false
+    },
+    cancel: {
+      label: 'ยกเลิก',
+      flat: true
+    }
+  }).onOk(() => {
+    authStore.logout();
+    router.push('/login');
+  });
 };
 </script>