Refactor components and code base in general

[reenatoteixeira]

This pull request refactors and improves the dashboard module, focusing on component modularization, type safety, and consistent styling. Key changes include extracting types and props for better maintainability, updating component exports/imports, improving style consistency, and enhancing the dashboard's data flow and UI structure.

Dashboard Component Refactoring and Modularization:

• Removed the DashboardHeader component and inlined its content directly into DashboardPage, simplifying the header structure. [1] [2]
• Renamed and restructured files for clarity: moved StatsSkeleton and RecentOrders components into dedicated folders and updated their exports. [1] [2] [3]

Type Safety and Data Flow Improvements:

• Extracted and centralized Order, OrderStatus, and RecentOrdersProps types into a separate types file, ensuring consistent usage across components. [1] [2] [3]
• Updated the RecentOrders component to receive orders as a prop instead of using hardcoded data, allowing dynamic rendering based on parent state. [1] [2] [3]

Chart Component Enhancement:

• Refactored the chart component: moved and renamed OrdersChart to a generic Chart component, extracted its props and types, and made it accept dynamic data, title, and description. Improved color theming based on user preference. [1] [2] [3] [4] [5]

Styling and UI Consistency:

• Updated button, card, and input field styles for improved color consistency, accessibility, and theme support. This includes changes to hover states, status colors, and placeholder text. [1] [2] [3] [4] [5] [6] [7]
• Improved capitalization and text consistency in UI labels and helper texts. [1] [2]

Cleanup and Removal of Unused Code:

• Removed the unused RecentOrdersSkeleton component and cleaned up related imports.

These changes collectively improve code maintainability, type safety, and user interface consistency across the dashboard module.