Add dashboard UI with stats cards, chart and recent orders

[rafaelhgcarlos]

This pull request introduces the initial Dashboard interface, including statistics cards, an orders chart, and a recent orders list. The goal is to provide a responsive and scalable dashboard layout with reusable components and loading states.

Key changes:

Dashboard Structure

• Implements the main dashboard page layout. (src/modules/dashboard/pages/DashboardPage.tsx)
• Adds DashboardHeader for title and description. (src/modules/dashboard/components/DashboardHeader.tsx)

Statistics Components

• Adds StatsCard and StatsGrid for displaying dashboard metrics. (src/modules/dashboard/components/StatsCard.tsx src/modules/dashboard/components/StatsGrid.tsx)
• Introduces StatsSkeleton for loading states. (src/modules/dashboard/skeleton/StatsSkeleton.tsx)

Orders Visualization

• Implements OrdersChart using Apache ECharts. (src/modules/dashboard/components/OrdersChart.tsx)

Recent Orders

• Adds RecentOrders component with status indicators and loading support. (src/modules/dashboard/components/RecentOrders.tsx)
• Introduces RecentOrdersSkeleton for loading placeholders. (src/modules/dashboard/skeleton/RecentOrdersSkeleton.tsx)

Data Hook

• Adds useDashboardData hook to simulate dashboard metrics and loading state. (src/modules/dashboard/hooks/useDashboardData.ts)

Dependencies

• Adds Apache ECharts and echarts-for-react for chart rendering. (package.json)

[cloudflare-workers-and-pages]

Deploying hs-system with    Cloudflare Pages

Latest commit:	0153a40
Status:	✅  Deploy successful!
Preview URL:	https://9c57d171.hs-system.pages.dev
Branch Preview URL:	https://feat-dashboad-page.hs-system.pages.dev

View logs