Mini E-Commerce Product Viewer

مرحبا اريد مشروع بسيط يعرض منتجات ثابتة ويتيح للمستخدم يشوف تفاصيل المنتج. 🔹 Task 1 — عرض قائمة المنتجات المطلوب: جهّز Array للمنتجات, مثال: { id: 1, name: "Headphones", price: 30, desc: "High quality sound" }, { id: 2, name: "Mouse", price: 15, desc: "Wireless mouse" }, { id: 3, name: "Keyboard", price: 25, desc: "Mechanical keyboard" } اعرض المنتجات في Cards تحتوي على: اسم المنتج السعر زر “Details” 🔹 Task 2 — صفحة تفاصيل المنتج المطلوب: عند الضغط على “Details”: انتقل لصفحة جديدة تظهر: اسم المنتج سعره وصفه إضافة زر “Back”. 🔹 Task 3 — إضافة زر "Add to Cart" (بدون كارت حقيقي) المطلوب: في صفحة التفاصيل: زر “Add to Cart”. عند الضغط: اعرض رسالة: “Product added successfully!” الرسالة تختفي بعد 2–3 ثواني.