add DataTable components and UI elements

User description

• Implemented DataTableBody and DataTableHeader for table rendering with sorting and checkbox selection.
• Created TextInput component for user input with validation and error handling.
• Added Toast component for displaying notifications with different feedback types.
• Developed TooltipText component for displaying tooltips with overflow handling.
• Introduced AlertDialog components for modal dialogs with customizable content and actions.
• Created reusable Button component with variant and size options.
• Implemented Checkbox component for selection functionality.
• Developed Pagination components for navigating through paginated content.
• Created Select component for dropdown selections with grouped items.
• Added Sonner integration for toast notifications.
• Established utility functions for class name merging.
• Defined constants and enums for error messages and UI variants.
• Updated TypeScript configuration for improved path resolution and type definitions.

---

PR Type

Enhancement

---

Description

• Comprehensive UI component library implementation with reusable components

• Advanced data table with sorting, filtering, and selection capabilities

• Toast notification system with multiple feedback types

• Date range picker with calendar interface

• Form components with validation and error handling

---

Changes diagram

flowchart LR
  A["UI Components"] --> B["Data Table"]
  A --> C["Form Inputs"]
  A --> D["Toast System"]
  A --> E["Navigation"]
  B --> F["Sorting & Selection"]
  C --> G["Validation & Error Handling"]
  D --> H["Multiple Feedback Types"]
  E --> I["Pagination & Tabs"]

---

Changes walkthrough 📝

	Relevant files
Configuration changes	9 files globals.css Comprehensive CSS theme system with color palettes              +281/-0  app.ts Application enums and constants definition                              +43/-0    svgr.d.ts TypeScript declarations for SVG imports                                    +5/-0      next-env.d.ts Next.js environment type definitions                                          +5/-0      next.config.js Next.js configuration with SVG support                                      +13/-0    postcss.config.js PostCSS configuration for Tailwind CSS                                      +5/-0      .eslintrc.json ESLint configuration with TypeScript support                          +11/-0    .prettierrc Prettier code formatting configuration                                      +8/-0      tsconfig.json TypeScript configuration with path mapping                              +31/-0
Enhancement	19 files date-utils.ts Date utility functions for calendar operations                      +29/-0    layout.tsx Root layout with toast provider integration                            +18/-0    page.tsx Main page component with playground integration                    +14/-0    StatCard.tsx Statistical display card component                                              +32/-0    Accordion.tsx Collapsible accordion component with animations                    +90/-0    Button.tsx Reusable button component with variants                                    +67/-0    CheckBox.tsx Checkbox input component with label support                            +42/-0    DateRangePicker.tsx Date range selection with calendar interface                          +229/-0  DropDown.tsx Dropdown component with search functionality                          +116/-0  Modal.tsx Modal dialog component with customizable actions                  +82/-0    OffCanvas.tsx Off-canvas panel component with positioning                            +102/-0  Pagination.tsx Pagination component with page size options                            +142/-0  SelectInput.tsx Select input with floating label design                                    +85/-0    Table.tsx Data table with sorting and selection                                        +161/-0  Tabs.tsx Tab navigation component                                                                  +40/-0    TextInput.tsx Text input with floating label validation                                +75/-0    Toast.tsx Toast notification component with icons                                    +90/-0    TooltipText.tsx Tooltip component with overflow detection                                +121/-0  ToastProvider.tsx Toast context provider for notifications                                  +73/-0
Tests	1 files Playground.tsx Component showcase and testing playground                                +326/-0
Dependencies	1 files package.json Project dependencies and build scripts                                      +45/-0
Additional files	1 files messages.ts [link]

---

Need help?

- Type /help how to ... in the comments thread for any questions about Qodo Merge usage.
- Check out the documentation for more information.