[FEAT] Admin Top Products Lists Components

[luqmonac56]

Description:

Implement the Admin Top Products Components

Requirements:

1. UI Components:

   • Use ShadCN UI components for consistency.
   • Ensure all components match the design specifications provided.

2. Design Specifications:

   • Refer to the provided design for dimensions, colors, and layout.
   • Include all items as per the design

3. Functionality:

   • Implement the Top product list card component and the child component of each top products
   • making sure the child components accepts the following props, Product name, image, and total sales

4. Accessibility:

   • Ensure all components are accessible and follow best practices

5. Testing:

   • Ensure the component renders correctly with all required elements.

Acceptance Criteria:

• The TopProductLists component is created and located in the components directory.
• Each ProductList component is created and located in the components directory.
• All UI components are implemented using ShadCN UI.
• All components are accessible and follow best practices.

Attachments:

Link to the design file

• ShadCN UI Documentation