feat: Implement core e-learning features including video playback, user profile management, and course discovery.

Frontend-Learner/คู่มืออธิบาย/web-dev-details.md

@@ -59,8 +59,17 @@
   - `FormInput.vue`: Input field มาตรฐาน
 - **Course (`components/course/`):**
   - `CourseCard.vue`: การ์ดแสดงผลคอร์ส (ใช้ซ้ำหลายหน้า)
-- **User (`components/user/`):**
+- **Discovery (`components/discovery/`):**
+  - `CategorySidebar.vue`: Sidebar ตัวกรองหมวดหมู่แบบย่อ/ขยายได้
+  - `CourseDetailView.vue`: หน้ารายละเอียดคอร์สขนาดใหญ่ (Video Preview + Syllabus)
+- **Classroom (`components/classroom/`):**
+  - `CurriculumSidebar.vue`: Sidebar บทเรียนและสถานะการเรียน
+  - `AnnouncementModal.vue`: Modal แสดงประกาศของคอร์ส
+  - `VideoPlayer.vue`: Video Player พร้อม Custom Controls
+- **User / Profile (`components/user/`, `components/profile/`):**
   - `UserAvatar.vue`: แสดงรูปโปรไฟล์ (รองรับ Fallback)
+  - `ProfileEditForm.vue`: ฟอร์มแก้ไขข้อมูลส่วนตัว
+  - `PasswordChangeForm.vue`: ฟอร์มเปลี่ยนรหัสผ่าน
 
 ---
 
@@ -145,3 +154,9 @@
 5.  **Profile & Security:**
     - **Email Verification:** ปุ่มยืนยันอีเมลและสถานะในหน้าโปรไฟล์
     - **Avatar Upload:** อัปโหลดรูปภาพพร้อม Preview และ Validation (Size/Type)
+
+6.  **Component Refactoring & Organization:**
+    - **Classroom:** แยก `CurriculumSidebar`, `AnnouncementModal`, `VideoPlayer` เพื่อลดขนาดไฟล์ `learning.vue`
+    - **Discovery:** แยก `CategorySidebar` และ `CourseDetailView`
+    - **Profile:** แยกฟอร์มแก้ไขข้อมูลและเปลี่ยนรหัสผ่านเป็น Components ย่อย
+    - **Cleanup:** ลบตัวแปร, ฟังก์ชัน, และ Imports ที่ไม่ได้ใช้งานทั้งหมด