ช่วยปรับเมนู Online Lessons ใหม่

สิ่งที่ต้องการ:

1. รวมเมนู “บทเรียนออนไลน์” และ “เพิ่มบทเรียนออนไลน์” ให้เหลือเมนูเดียวชื่อ “บทเรียนออนไลน์”
2. เอาเมนูย่อย “เพิ่มบทเรียนออนไลน์” ออกจาก Sidebar
3. เมื่อเข้าเมนู “บทเรียนออนไลน์”
   - ถ้าเป็น HRD/Admin ให้แสดงปุ่ม “+ เพิ่มบทเรียนออนไลน์” ด้านบนขวา
   - ถ้าเป็น Employee ไม่ต้องแสดงปุ่มเพิ่ม
4. ใช้หน้าเดียวกันในการแสดงรายการบทเรียน
5. รายการบทเรียนให้เปลี่ยนจาก Card Grid เป็น Table
6. รูปแบบตารางให้อ้างอิงเหมือนหน้า “ประวัติการอบรม”

โครงสร้างหน้าที่ต้องการ:

- Title: บทเรียนออนไลน์
- Subtitle: เรียนรู้จากวิดีโอและเอกสารประกอบที่ HRD เผยแพร่ให้กับพนักงาน
- Search
- Filter หมวดหมู่
- Filter สถานะ เฉพาะ HRD/Admin
- ปุ่ม View
- ตารางรายการบทเรียน
- Pagination

Column ตารางที่ต้องการ:

- รูปปก / ไฟล์
- ชื่อบทเรียน
- หมวดหมู่
- ประเภทวิดีโอ
- ไฟล์แนบ
- สถานะ เฉพาะ HRD/Admin
- วันที่เผยแพร่
- ผู้สร้าง เฉพาะ HRD/Admin
- จัดการ

เงื่อนไขการแสดงผล:

1. HRD/Admin เห็นบทเรียนทั้งหมด ทั้ง Draft, Published, Archived
2. Employee เห็นเฉพาะบทเรียนที่ Published เท่านั้น
3. HRD/Admin เห็นปุ่มจัดการ เช่น แก้ไข ลบ เปิด/ปิดเผยแพร่
4. Employee เห็นปุ่ม “เปิดบทเรียน” เท่านั้น
5. ถ้าไม่มีรูปปก ให้แสดง icon default
6. ถ้าไม่มีไฟล์แนบ ให้แสดงข้อความ “ไม่มีไฟล์แนบ”
7. ถ้ามีไฟล์แนบ ให้แสดงปุ่มหรือ Badge “ดาวน์โหลดไฟล์”

Layout ตาราง:
ให้ใช้รูปแบบเดียวกับหน้า “ประวัติการอบรม”

- Card ครอบ Table
- overflow-hidden
- overflow-x-auto
- Table className="w-full table-fixed"
- กำหนดขนาด column ให้เหมาะสม
- ใช้ truncate กับชื่อบทเรียนและรายละเอียด
- ใช้ Badge กับสถานะ
- จัด Action column ชิดขวา
- Responsive ไม่ล้นจอ

ห้ามแก้:

- Business Logic เดิม
- API เดิม ถ้าไม่จำเป็น
- เมนูอื่น ๆ
- หน้า ประวัติการอบรม

ผลลัพธ์ที่ต้องการ:
Sidebar เหลือเมนูเดียวคือ “บทเรียนออนไลน์”
HRD/Admin สามารถจัดการบทเรียนจากหน้านี้ได้
Employee สามารถดูบทเรียนจากหน้านี้ได้
รายการบทเรียนแสดงเป็นตารางเหมือนหน้า “ประวัติการอบรม”
