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

Frontend-Learner/components/classroom/AnnouncementModal.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 /**
  * @file AnnouncementModal.vue
- * @description Modal component to display course announcements
+ * @description คอมโพเนนต์ Modal สำหรับแสดงประกาศของคอร์สเรียน (Modal component to display course announcements)
  */
 
 const props = defineProps<{
@@ -15,7 +15,7 @@ const emit = defineEmits<{
 
 const { locale, t } = useI18n()
 
-// Helper for localization
+// ตัวช่วยจัดการข้อความหลายภาษา (Helper for localization)
 const getLocalizedText = (text: any) => {
   if (!text) return ''
   if (typeof text === 'string') return text
@@ -49,7 +49,7 @@ const getLocalizedText = (text: any) => {
                         class="p-5 rounded-2xl bg-white dark:bg-slate-800 shadow-sm border border-gray-200 dark:border-white/5 transition-all hover:shadow-md relative overflow-hidden group"
                         :class="{'ring-2 ring-orange-200 dark:ring-orange-900/40 !bg-orange-50/50 dark:!bg-orange-900/20': ann.is_pinned}"
                      >
-                        <!-- Pinned Banner -->
+                        <!-- ป้ายกำกับสำหรับข้อความที่ปักหมุดไว้ (Pinned Banner) -->
                         <div v-if="ann.is_pinned" class="absolute top-0 right-0 p-3">
                             <q-icon name="push_pin" color="orange" size="18px" class="transform rotate-45" />
                         </div>