بناء لوحة تحكم Admin Dashboard احترافية بـ React وTypeScript

سأقوم ببناء لوحة تحكم إدارية باستخدام React وTypeScript تتكون من 6 صفحات رئيسية: 1. صفحة رئيسية تعرض إحصائيات وأرقام 2. صفحة Contacts لإدارة جهات الاتصال 3. صفحة Groups لإدارة المجموعات 4. صفحة Invoices لإدارة الفواتير 5. صفحة Calendar للتقويم والمواعيد 6. صفحة FAQ للأسئلة الشائعة تشمل الخدمة رسوم بيانية تفاعلية (Line Chart, Bar Chart, Pie Chart) ونظام صلاحيات (Admin / Viewer) وتصميم متجاوب على جميع الأجهزة. سيتم تسليم المشروع منشوراً على Vercel جاهزاً للاستخدام. البيانات وهمية للعرض — ربط قاعدة بيانات حقيقية يتم الاتفاق عليه بشكل منفصل. الأدوات: React 19 — TypeScript — Tailwind CSS — Recharts — Zustand