Music Playlist Viewer

مرحبا اريد مشروع بسيط يعرض قائمة أغاني ثابتة، ويتيح للمستخدم عرض تفاصيل الأغنية. 🔹 Task 1 — عرض قائمة الأغاني المطلوب: جهّز Array للأغاني: { id: 1, title: "Calm Night", artist: "Luna", duration: "3:20" }, { id: 2, title: "Ocean Dreams", artist: "Wave", duration: "2:55" }, { id: 3, title: "Sunrise Joy", artist: "Ray", duration: "4:10" } اعرض الأغاني في قائمة (Card لكل أغنية). كل كارت يحتوي: اسم الأغنية المغني زر "View" 🔹 Task 2 — صفحة تفاصيل الأغنية المطلوب: عند الضغط على “View”: اعرض: اسم الأغنية المغني المدة إضافة زر “Back”. 🔹 Task 3 — ميزة “Mark as Favorite” المطلوب: زر “Add to Favorites”. عند الضغط: حدّث state لإضافة الأغنية لقائمة favorites. اعرض رسالة: "Added to favorites!" في الصفحة الرئيسية: اعرض عدد الأغاني المفضلة.