التحدي: بناء سمة ولوحة إشعارات

بيان المشكلة

أنت مكلف ببناءSettingsPanel مكوّن يسمح للمستخدمين بإدارة تفضيلات المظهر وإعدادات الإشعارات. ستكون هذه اللوحة جزءًا من تطبيق أكبر، لذا يجب أن تكون معيارية وقابلة لإعادة الاستخدام، وأن تتبع أنماط بنية React الجيدة. تتكون اللوحة من قسمين رئيسيين: المظهر والإشعارات.

• قسم المواضيع:

  • قم بالتبديل بين الوضعين الفاتح والداكن باستخدام زر تبديل يحمل علامة ("الوضع الداكن").

  • عرض المظهر الحالي:Current theme: light أوCurrent theme: dark .

  • إدارة القالب عالميًا عبرuseReducer مع سياق مجزأ (حالة وإرسال منفصلان).

• قسم الإشعارات:

  • إدارة خيارين للإشعارات: رسائل البريد الإلكتروني التسويقية وتحديثات ...