Manage Subjects - Copy this React, Tailwind Component to your project

Design-a-modern,-user-friendly-Manage-Subjects-Page-for-an-admin-dashboard-in-a-teaching-jobs-portal.-The-page-should-provide-intuitive-functionality-for-viewing,-adding,-editing,-and-deleting-subjects.-Include:-Header-Section:-A-prominent-page-title:-Manage-Subjects.-A-button-for-adding-a-new-subject,-styled-as-a-primary-action-button-with-a-'+'-icon-and-the-label-'Add-Subject'.-Search-and-Filter-Panel:-A-search-bar-at-the-top-to-quickly-find-specific-subjects-by-name.-Dropdown-filters-for-categorizing-subjects-by-grade-level,-topic,-or-type-(e.g.,-academic,-extracurricular).-Subject-List/Table:-A-table-or-card-based-layout-displaying-the-following-details-for-each-subject:-Subject-Name-Category/Type-Associated-Grade-Levels-Date-Added-Actions-(Edit/Delete).-Include-pagination-or-infinite-scroll-for-long-lists.-Bulk-Actions:-Checkbox-selection-for-multiple-subjects,-allowing-bulk-actions-such-as-'Delete-Selected'-or-'Update-Category'.-Edit-Subject-Modal/Drawer:-A-popup-modal-or-side-drawer-for-editing-subject-details.-Fields-include:-Subject-Name-Description-Category/Type-Grade-Levels-(multi-select-dropdown).-Save-and-Cancel-buttons.-Confirmation-Dialogs:-Display-confirmation-dialogs-for-delete-actions-to-prevent-accidental-removals.-Use-clear-messaging,-such-as:-"Are-you-sure-you-want-to-delete-this-subject?-This-action-cannot-be-undone."-Responsive-Design:-Ensure-the-layout-adjusts-seamlessly-for-desktop-and-tablet-views.-On-smaller-screens,-switch-to-a-card-based-list-for-better-usability.-Visual-Enhancements:-Use-a-professional-color-palette-with-distinct-colors-for-actions-like-Add-(e.g.,-green)-and-Delete-(e.g.,-red).-Subtle-hover-effects-on-buttons-and-rows-for-interactivity.-Icons-for-quick-identification-of-actions-(e.g.,-pencil-for-edit,-trash-for-delete)