Class Management - Copy this React, Tailwind Component to your project

اريد موقعيوجد فيه قائمتين هما: الفصل دراسي الشعبة عندما اضغط عليها احدد التي اريده ويوجد تاريخ اليوم بالهجري واسم اليوم واريد تحتها الحصة تكون كقائمة تحت ماهي الحصة ( الاولى او السادسة) ويسارها المادة يكتب ماهي ثم عنوان الدرس ثم الواجب عندما اكتب يكون هناك زر حفظ عندما يضغط عليه يحفظ البيانات في ملف اخر اسمه lesson.txt للحفظ الواجبات ولاي صف وماهي الحصة عندما يضغط على زر الحفظ يظهر البيانات تحت كاجدول وتحته زر تنزل الجدول كاصورة ( الصورة للجدول فقط مع شعار المدرسة في اليمين وفي اليسار تاريخ اليوم بالهجري مع اليوم وعندما تحدد الصف من القائمتها مع الشعبة الخاص بها يظهر واجبات الخاصة بها واضيف زر حذف بيانات جميعها يظهر زران (حذف البيانات جميعها من lesson.txt بدون حفظ في مجلد Logs) والثاني ( حذف جميعها مع حفظ صورة في مجلد logs) في مجلد logs تحفظ البيانات الجدول لجميع الفصول كصورة بمجلد خاص بتاريخ اليوم (بالهجري) ولكل فصل صورة لجدوله بأسمه في مجلد اليوم خاص به في ملجد logs