feat: Implement initial e-learning platform frontend structure including dashboard, course management, authentication, and common UI components.

Frontend-Learner/components/common/LanguageSwitcher.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 /**
  * @file LanguageSwitcher.vue
- * @description Language switcher component using Quasar dropdown.
- * Allows switching between Thai (th) and English (en) locales.
+ * @description คอมโพเนนต์ตัวสลับภาษาใช้ปุ่ม Dropdown ของ Quasar
+ * ใช้สลับระหว่างภาษาไทย (th) และภาษาอังกฤษ (en)
  */
 
 const { locale, setLocale, locales } = useI18n()
 
-// Get available locales with their names
+// ดึงรายการภาษาที่มีอยู่พร้อมชื่อภาษา (Get available locales with their names)
 const availableLocales = computed(() => {
   return (locales.value as Array<{ code: string; name: string }>).map((loc) => ({
     code: loc.code,
@@ -15,13 +15,13 @@ const availableLocales = computed(() => {
   }))
 })
 
-// Get flag image path for a locale
+// ดึงพาธภาพธงชาติสำหรับภาษานั้นๆ (Get flag image path for a locale)
 const getFlagPath = (code: string) => `/flags/${code}.png`
 
-// Handle locale change
+// จัดการเมื่อเปลี่ยนภาษา (Handle locale change)
 const changeLocale = async (code: string) => {
   await setLocale(code as 'th' | 'en')
-  // Cookie is automatically handled by @nuxtjs/i18n with detectBrowserLanguage.useCookie
+  // คุกกี้ (Cookie) จะถูกจัดการอัตโนมัติโดย @nuxtjs/i18n จากออปชัน detectBrowserLanguage.useCookie
 }
 </script>
 
@@ -32,7 +32,7 @@ const changeLocale = async (code: string) => {
     class="language-btn"
     :aria-label="$t('language.label')"
   >
-    <!-- Show current locale flag -->
+    <!-- แสดงธงชาติตามภาษาที่ใช้อยู่ (Show current locale flag) -->
     <img 
       :src="getFlagPath(locale)" 
       :alt="locale.toUpperCase()" 
@@ -178,7 +178,7 @@ const changeLocale = async (code: string) => {
 </style>
 
 <style>
-/* Global styles for teleported menu */
+/* สไตล์ Global สำหรับเมนูที่ถูกข้ามไปแสดงผลที่อื่นด้วย Teleport (Global styles for teleported menu) */
 .language-menu {
   border-radius: 16px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);