D J Navigation Tabs - Copy this React, Tailwind Component to your project

Creating-Nav-Tabs-for-DJs-by-Year-Use-a-tabbed-layout-(Nav-Tabs)-to-organize-the-top-DJs-by-year-(example:-2023,-2024,-etc.).-Each-tab-should-contain-a-list-of-the-top-30-DJs-for-that-year,-including-images,-artist-description,-and-genre-JavaScript-Features:-Add-New-DJs-Implement-a-function-that-allows-adding-a-new-DJ-to-the-selected-year.-The-DJ-input-should-be-validated-(e.g.,-check-that-it-is-not-empty).-Dynamically-update-the-DJ-list-without-reloading-the-page.-Edit-and-Delete-DJs-Features-Add-buttons-next-to-each-DJ-in-the-list-to-edit-or-delete-them.-Implement-an-edit-form-that-allows-the-user-to-change-the-name-and-save-the-changes.-For-deletion,-ask-for-confirmation-via-a-dialog-before-removing-a-DJ.-Search-Engine-Create-a-search-bar-that-allows-you-to-find-a-specific-DJ-in-a-year's-list.-The-search-must-be-dynamic-(i.e.-as-you-type,-the-DJ-list-must-filter-automatically).-Add-New-Years-Provide-an-option-to-add-new-tabs-(years).-Each-new-tab-must-contain-an-empty-list-of-DJs-ready-to-be-populated.-Saving-Data-Use-JavaScript-to-collect-changed-or-added-data.-Save-data-via-AJAX-calls-Ensure-that-changes-persist-across-page-reloads.