Image Gallery

مرحبا اريد مشروع React يعرض صور في جاليري مع إمكانية التكبير. 🔹 Task 1 — صفحة عرض الجاليري الأساسية المطلوب: إنشاء Array فيها صور (روابط جاهزة أو صور من فولدر): { id: 1, url: "img1.jpg" }, { id: 2, url: "img2.jpg" }, { id: 3, url: "img3.jpg" } عرض الصور في Grid بسيط 2×2 أو 3×3. كل صورة تكون داخل Card صغيرة. 🔹 Task 2 — صفحة تكبير الصورة (Preview) المطلوب: عند الضغط على أي صورة → يفتح صفحة/Component جديدة. تظهر الصورة بشكل كبير (Full Width). إضافة زر “Back”. 🔹 Task 3 — ميزة الانتقال بين الصور المطلوب: في صفحة Preview: زر “Next” زر “Previous” عند الضغط: ينتقل للصورة اللي بعدها أو اللي قبلها. لو وصل لآخر صورة → يرجع للبداية (Loop).