Product Defect Management - Copy this React, Tailwind Component to your project

Hãy thiết kế cho tôi 1 page yêu cầu chức năng : 1 modal tìm kiếm có thể ẩn lên xuống đóng lại thể hiện 4 thanh tìm kiếm: mã lỗi, tên lỗi, theo danh mục, theo chuyền sản xuất. Table (có viền)hiển thị dữ liệu: Cột: STT (Số thứ tự) Mã lỗi Tên lỗi Hình ảnh lỗi (thumbnail nhỏ) Mã sản phẩm Tên sản phẩm Người tạo Chức năng: Sắp xếp dữ liệu (Sort) theo từng cột. Tìm kiếm và lọc thông tin theo tên lỗi, mã sản phẩm, tên sản phẩm.Tạo modal form Chỉnh sửa thông tin sản phẩm lỗi và Thêm lỗi mới bằng một form .Xóa mục đã chọn. Phân trang để hiển thị danh sách lớn. Hiệu ứng mượt mà và chuyên nghiệp: Hover: Hiển thị hiệu ứng chuyển động nhẹ trên các hàng và cột. Hiệu ứng mở rộng hình ảnh khi nhấp vào (modal popup). Transition mượt mà khi chuyển trang hoặc thực hiện thao tác. Giao diện đầy màu sắc