feat: Initialize e-learning frontend with course browsing, landing, and authentication pages, along with core layouts and composables.

Frontend-Learner/layouts/auth.vue

@@ -1,6 +1,26 @@
+<script setup lang="ts">
+const $q = useQuasar()
+
+// บังคับให้หน้า Auth เคลียร์ Dark Mode ของระบบทิ้ง
+useHead({
+  htmlAttrs: {
+    class: 'light',
+    style: 'background-color: #ffffff'
+  },
+  bodyAttrs: {
+    class: 'light',
+    style: 'background-color: #ffffff'
+  }
+})
+
+onMounted(() => {
+  $q.dark.set(false)
+})
+</script>
+
 <template>
   <!-- Auth Shell: Wrapper for authentication pages (Login, Register, etc.) -->
-  <div class="auth-shell dark">
+  <div class="auth-shell bg-white w-full min-h-screen">
     <slot />
   </div>
 </template>

Frontend-Learner/layouts/landing.vue

@@ -1,13 +1,27 @@
 <script setup lang="ts">
-/**
- * @file landing.vue
- * @description Layout for the landing page (public facing).
- * Uses Quasar QLayout with overlay header.
- */
+const $q = useQuasar()
+
+// บังคับให้หน้า Landing Page เคลียร์ Dark Mode ของระบบทิ้ง
+useHead({
+  htmlAttrs: {
+    class: 'light',
+    style: 'background-color: #ffffff'
+  },
+  bodyAttrs: {
+    class: 'light',
+    style: 'background-color: #ffffff'
+  }
+})
+
+onMounted(() => {
+  $q.dark.set(false)
+})
 </script>
 
+
 <template>
-  <q-layout view="lHh LpR lFf" class="bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100 font-inter">
+  <q-layout view="lHh LpR lFf" class="bg-white text-slate-900 font-inter">
+
     
     <!-- Header (Transparent & Overlay) -->
     <q-header class="bg-transparent" style="height: auto;">