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

Frontend-Learner/components/user/UserAvatar.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+/**
+ * @file UserAvatar.vue
+ * @description คอมโพเนนต์แสดงรูปโปรไฟล์ผู้ใช้ หากไม่มีรูปจะแสดงตัวอักษรย่อของชื่อ
+ */
 const props = defineProps<{
   size?: number | string
   photoURL?: string
@@ -19,7 +23,7 @@ const avatarSize = computed(() => {
 const initials = computed(() => {
   const getFirstChar = (name?: string) => {
     if (!name) return ''
-    // For Thai names, if the first char is a leading vowel (เ แ โ ใ ไ), skip it to get the consonant
+    // สำหรับชื่อภาษาไทย ถ้าตัวอักษรแรกเป็นสระนำหน้า (เ แ โ ใ ไ) ให้ข้ามไปเอาพยัญชนะ
     const leadingVowels = ['เ', 'แ', 'โ', 'ใ', 'ไ']
     if (leadingVowels.includes(name.charAt(0)) && name.length > 1) {
       return name.charAt(1)
@@ -36,7 +40,7 @@ const handleImageError = () => {
   imageError.value = true
 }
 
-// Watch for photoURL changes to reset error state
+// รีเซ็ตสถานะข้อผิดพลาดเมื่อรูปโปรไฟล์เปลี่ยน (Watch for photoURL changes to reset error state)
 watch(() => props.photoURL, () => {
   imageError.value = false
 })