feat: Add initial pages and components for user dashboard, profile, course discovery, and classroom learning with i18n support.

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

@@ -33,3 +33,39 @@
 - แก้ไขไฟล์ `pages/browse/index.vue` (เพิ่ม Query Watcher, ปรับ UI)
 - แก้ไขไฟล์ `pages/browse/recommended.vue` (ปรับ UI ส่วน CTA)
 - แก้ไขไฟล์ `components/layout/LandingHeader.vue` (แก้ Memory Leak)
+
+---
+
+วันที่บันทึกปฏิบัติงาน \*
+19/02/2026
+
+องค์ความรู้ที่ได้รับ \*
+
+- การออกแบบ Dashboard Layout แบบ Modern Grid (SkillLane Style/Reference Style)
+- การใช้ `q-carousel` (Quasar) ทำ Image Slider แบนเนอร์ประชาสัมพันธ์
+- การจัดการแสดงผลข้อมูล Course Card แยกตามสถานะ (Enrolled/Recommended/Free)
+- การปรับแต่ง Menu Navigation (`useNavItems`) เพื่อลดความซ้ำซ้อนใน Sidebar
+
+รายละเอียด \*
+
+- ออกแบบและพัฒนาหน้า Dashboard ใหม่ (`pages/dashboard/index.vue`)
+  1. เพิ่ม Banner Slide ขนาดใหญ่ด้านบน
+  2. แสดงรายการ "คอร์สที่คุณกำลังเรียน" (In Progress Courses) พร้อม Progress Bar
+  3. แสดงรายการ "คอร์สแนะนำ" (Recommended Courses)
+  4. เพิ่มหมวด "คอร์สฟรี" (Free Courses)
+- ปรับแต่ง Sidebar Navigation (`composables/useNavItems.ts`) ลบเมนูที่ไม่จำเป็นออก (Online Courses, Recommended, Announcements) ให้เหลือเฉพาะเมนูหลัก
+
+ปัญหาและอุปสรรค \*
+
+- การแสดงผล Carousel มีปุ่ม Arrows เกะกะสายตาบนแบนเนอร์
+- ต้องการแยกข้อมูลคอร์สฟรีออกจากคอร์สทั่วไป แต่ API ยังไม่มี Filter โดยตรง
+
+รายละเอียด \*
+
+- แก้ไข Property ของ `q-carousel` โดยลบ `arrows` ออก เพื่อให้เหลือเฉพาะ Navigation Dots ด้านล่าง
+- เขียน Logic กรองข้อมูลฝั่ง Client (Client-side filtering) สำหรับคอร์สฟรี โดยตรวจสอบจาก `price === 0` หรือ `is_free: true`
+
+หลักฐานการปฏิบัติงาน (เฉพาะไฟล์ JPG, JPEG, PNG, PDF.)
+
+- แก้ไขไฟล์ `pages/dashboard/index.vue` (New Dashboard UI)
+- แก้ไขไฟล์ `composables/useNavItems.ts` (Clean Sidebar)

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

@@ -4,7 +4,7 @@
 
 ---
 
-## 🏗️ 1. Technical Foundation (รากฐานทางเทคนิค)
+##                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       z️ 1. Technical Foundation (รากฐานทางเทคนิค)
 
 รวมข้อมูลเครื่องมือ, ระบบความปลอดภัย และประสิทธิภาพการทำงานไว้ด้วยกัน