training

updated the Amenity Management UI to match the Charger Tag design standards. The header section has been completely redesigned with a flex layout, responsive behavior, and the "Add Amenity" button has been properly positioned in the header with consistent styling. Implemented new state management with draftSearch and draftStatus variables for better filter control, along with handleApply and handleReset callback functions that integrate seamlessly with the API for efficient data fetching. The search input field has been enhanced with proper labeling, updated placeholder text, and improved styling with 56px height and 3px border-radius to match the Charger Tag UI pattern. The foundation is now solid for completing the remaining filter and table updates.

completed the Amenity Management UI overhaul to match the Charger Tag design patterns. The header section was updated with a flex layout and the "Add Amenity" button was moved to the right side. The filter section was redesigned with Search and Status fields in a single row alongside Apply and Reset buttons, replacing the old Clear Filters and Refresh buttons. The status column was converted from Chip to Toggle Switch with a confirmation dialog that now matches the branded UI pattern with a colored header, warning alert, and detail rows showing Name, Status, and New Value. The Type column chip colors were updated . The Add/Edit dialog was improved with the Active toggle visible only during creation, and the confirmation dialog styling was aligned with the project's standard support catalog pattern. All changes maintain the existing functionality while providing a consistent user experience across the application.