feat: Add initial e-learning frontend setup including admin and instructor services, layouts, and pages.

frontend_management/pages/admin/recommended-courses/index.vue

@@ -183,6 +183,34 @@
                    </div>
                 </div>
              </div>
+
+             <!-- Course Structure -->
+             <div v-if="selectedCourse.chapters && selectedCourse.chapters.length > 0" class="mt-6">
+               <div class="font-bold text-lg mb-3">โครงสร้างหลักสูตร (Course Structure)</div>
+               <div class="space-y-3">
+                 <q-expansion-item
+                   v-for="(chapter, index) in selectedCourse.chapters"
+                   :key="chapter.id"
+                   :label="`บทที่ ${index + 1}: ${chapter.title.th}`"
+                   :caption="`${chapter.lessons.length} บทเรียน`"
+                   header-class="bg-gray-50 rounded-lg"
+                   expand-icon-class="text-primary"
+                 >
+                   <div class="pl-4 pt-2">
+                     <div
+                       v-for="(lesson, lessonIndex) in chapter.lessons"
+                       :key="lesson.id"
+                       class="flex items-center gap-3 py-2 border-b last:border-b-0"
+                     >
+                       <q-icon name="article" color="primary" size="20px" />
+                       <span class="text-gray-700">{{ lessonIndex + 1 }}. {{ lesson.title.th }}</span>
+                       <span v-if="lesson.title.en" class="text-gray-400 text-xs ml-auto">{{ lesson.title.en }}</span>
+                     </div>
+                   </div>
+                 </q-expansion-item>
+               </div>
+             </div>
+
           </q-card-section>
           
           <!-- Inner Loading -->