Warning Display Panel - Copy this React, Tailwind Component to your project

1.1.-Frontend-Request:-Displays-a-list-of-warnings.-Supports-filters-and-report-export-(PDF/Excel).-Interface-design-details:-Warning-display-panel:-Data-column:-Time:-The-time-the-warning-occurs.-Machine:-Name-or-ID-of-the-sewing-machine.-Alarm-type:-(Example:-Needle-change,-Current).-Details:-Brief-description.-Status:-Processed-or-unprocessed.-Features:-Pagination-if-there-is-a-lot-of-data.-Sort-by-time,-alert-type,-status.-Filter:-Filter-criteria:-Time-period-(from-day-A-to-day-B).-Alarm-type-(Needle-change,-Current).-Specific-sewing-machine.-Status-(Processed/Unprocessed).-Interface:-Simple-form-with-dropdowns-and-date-picker.-Report-export-function:-"Export-report"-button:-Format:-PDF/Excel.-Export-data-according-to-the-current-filter.