Manage Class Categories

Create-a-user-friendly-Class-Category-Management-Page-for-an-admin-dashboard-in-a-teaching-jobs-portal.-This-page-will-allow-administrators-to-perform-CRUD-(Create,-Read,-Update,-Delete)-operations-on-the-ClassCategory-model,-which-includes-predefined-class-ranges-such-as-Nursery-to-U.K.G,-1-to-5,-and-others.-The-page-should-emphasize-simplicity,-efficiency,-and-clarity-while-ensuring-a-professional-appearance.-1.-Header-Section-Title:-Manage-Class-Categories.-Subtitle:-"Add,-update,-or-delete-class-categories-to-maintain-accurate-data-for-job-postings."-Action-Button:-Add-New-Class-Category-button-with-a-"+"-icon-to-open-a-modal-or-form-for-adding-a-new-category.-2.-Categories-Table-Section-Display-a-dynamic-table-showing-the-current-categories-in-the-database.-The-table-should-include:-ID:-Auto-generated-identifier.-Name:-The-category-name-(e.g.,-Nursery-to-U.K.G,-1-to-5).-Actions:-Edit:-Pencil-icon-to-update-the-category-name.-Delete:-Trash-icon-to-remove-the-category-(with-a-confirmation-modal).-Features:-Search-Bar:-To-filter-categories-by-name.-Pagination:-If-the-number-of-categories-exceeds-a-predefined-limit.-3.-Add/Edit-Category-Modal-A-modal-or-dedicated-section-for-creating-or-updating-a-class-category.-Include:-Form-Fields:-Name:-Dropdown-or-input-field-for-entering-the-class-range,-with-validation-to-prevent-duplicates.-Buttons:-Save:-To-add-or-update-the-category.-Cancel:-To-close-the-modal-without-saving-changes.-Validation:-Ensure-unique-names-and-required-fields-are-filled.-4.-Delete-Confirmation-Modal-Modal-content:-"Are-you-sure-you-want-to-delete-this-class-category?-This-action-cannot-be-undone."-Buttons:-Confirm:-Executes-the-delete-operation.-Cancel:-Closes-the-modal-without-deleting.-5.-Additional-Features-Error-Handling:-Display-messages-for-duplicate-entries,-invalid-data,-or-failed-operations.-Success-Notifications:-Show-a-success-toast-(e.g.,-"Class-category-added-successfully!").-Audit-Logs-(Optional):-Track-changes-to-categories-(e.g.,-Added-by-Admin-on-[Date]).-6.-Responsive-Design-Ensure-all-elements-adapt-to-smaller-screens:-Replace-the-table-with-a-collapsible-list-for-mobile-views.-Prioritize-essential-actions-like-Add-and-Search-for-touch-friendly-access.-7.-Visual-and-UI-Enhancements-Use-professional-color-coding:-Green-for-successful-actions-(e.g.,-added-or-updated).-Red-for-deletions.-Icons-next-to-headings-(e.g.,-class-icon-near-the-Name-column).-Subtle-hover-effects-for-interactive-elements-like-table-rows-and-action-buttons.-8.-Footer-Section-Include-quick-navigation-links-for:-Manage-Teachers.-Manage-Tests.-Support.-This-Class-Category-Page-will-be-a-centralized,-intuitive-interface-for-managing-the-ClassCategory-model-efficiently-while-maintaining-data-integrity.