Implement logger screen

User description

• Added RightArrow icon to Sidebar for expanding/collapsing functionality.
• Refactored Sidebar to handle item clicks and mouse events more efficiently.
• Updated accordion sections to include total items count.
• Adjusted Sidebar positioning and transition effects for smoother interactions.

feat: Refactor StatCard component to accept multiple cards

• Modified StatCard to accept an array of card items for dynamic rendering.
• Updated styling for better layout and responsiveness.
• Introduced border color mapping for card items.

feat: Enhance Accordion component with item count display

• Added totalItems property to AccordionSection interface.
• Updated CustomAccordion to display item counts in the header.

fix: Update Button component loading state handling

• Improved loading state rendering in Button component.

fix: Adjust DateRangePicker z-index for better visibility

• Increased z-index of DateRangePicker dropdown for improved accessibility.

fix: Refine Pagination component styling and functionality

• Updated button sizes and styles for better usability.
• Adjusted text sizes for consistency across the component.

feat: Implement SelectInput component with improved styling

• Refactored SelectInput to enhance usability and appearance.
• Removed unnecessary elements for cleaner design.

feat: Create Table component for displaying logs

• Implemented a reusable Table component with sorting and pagination.
• Integrated Badge component for displaying log statuses.

feat: Add Toast component for notifications

• Created Toast component for displaying success/error messages.

feat: Introduce Badge component for status indicators

• Developed Badge component with different styles based on type.

feat: Implement LoggerResponse model for API integration

• Created interfaces for handling log data responses from the API.

feat: Add LogsFilterSection and Logs page for log management

• Developed LogsFilterSection for filtering logs based on criteria.
• Implemented Logs page to display logs with filtering and pagination.

---

PR Type

Enhancement

---

Description

• Implement comprehensive logger screen with filtering and pagination

• Add new UI components: Badge, Toast, SearchBar, Table

• Refactor existing components for better functionality

• Update styling and configuration for improved UX

---

Diagram Walkthrough

flowchart LR
  A["Logger Screen"] --> B["Filter Section"]
  A --> C["Stats Cards"]
  A --> D["Logs Table"]
  B --> E["SearchBar"]
  B --> F["DateRangePicker"]
  B --> G["Dropdown"]
  C --> H["StatCard Component"]
  D --> I["Table Component"]
  D --> J["Badge Component"]
  D --> K["Pagination"]

File Walkthrough

	Relevant files
Formatting	2 files globals.css Update scrollbar styles and CSS formatting                              +46/-52  date-utils.ts Format date utility functions for consistency                        +18/-18
Configuration changes	3 files LogDetailsColumns.ts Define table columns for log details display                          +64/-0    next.config.js Add Turbopack configuration for SVG handling                          +25/-7    package.json Enable Turbopack for faster development builds                      +1/-1
Enhancement	16 files LoggerResponse.ts Create logger response interfaces for API integration        +18/-0    app.ts Add badge types and text alignment enums                                  +18/-7    LogsFilterSection.tsx Create comprehensive filter section for logs                          +109/-0  page.tsx Implement main logs page with table and stats                        +90/-0    page.tsx Add mock data and integrate logs component                              +165/-3  page.tsx Update home page with logs integration                                      +81/-7    StatCard.tsx Refactor to support multiple cards with dynamic styling    +53/-20  Accordion.tsx Add item count display and improve styling                              +17/-11  Badge.tsx Create new Badge component for status indicators                  +27/-0    DateRangePicker.tsx Enhance styling and increase z-index for visibility            +14/-18  DropDown.tsx Add position prop and improve styling consistency                +15/-11  Pagination.tsx Refactor with dropdown for page size selection                      +17/-20  SearchBar.tsx Create new SearchBar component with debounce functionality +81/-0    SelectInput.tsx Remove chevron icon and improve styling                                    +4/-8      Table.tsx Add Badge support and improve table styling                            +35/-25  TooltipText.tsx Update tooltip colors to use CSS variables                              +3/-3
Tests	1 files Playground.tsx Add Badge component testing and loader elements                    +16/-24
Bug fix	2 files Button.tsx Improve loading state and icon positioning                              +5/-3      Toast.tsx Remove icon color classes for default styling                        +4/-4
Additional files	1 files .gitkeep [link]

---