Feat/hng 4 super admin email template table

[Tommy-Bada]

Create Paginated Table List of Template List Items Component

Issue #4

Summary

This PR implements a Paginated Table List of Template List Items Component for HTML Templates used in the Super Admin Email Management Dashboard. The component is designed to display a list of email templates with pagination, adhering to the brand colors and design.

Context

As a user, I want to be able to view a paginated list of my Email HTML Templates. This component allows users to navigate through their templates in a responsive, fluid-width table format.

Changes

• Created a Paginated Table List of Template List Items Component for HTML Templates.
• Added onPreview prop to each Table List Item component to handle preview actions.
• Implemented a pagination component as specified in the design.
• Ensured the component has a fluid width and is responsive across devices.
• Added 7 images to the public folder as dummy data for the email template items.
• Created 3 new files in the component folder:
  • TemplateListItem.tsx for the email item list.
  • TemplateListTable.tsx to map dummy data to the email item list.
  • TemplateListPagination.tsx for controlling pagination.

Screenshots

Checklist

• Code follows the project style guidelines.
• Component is responsive and fluid across devices.
• Pagination component functions as expected.
• onPreview passed as requested.

[SirhmVFX]

resolve comflicts

[SirhmVFX]

you're not to edit this pnpm-lock.yaml file

[Tommy-Bada]

@SirhmVFX I have fixed that.