BarangaySystem/ai-docs/todo-completed/todo-fcc4c9aff86d03356debc42e893f0faa03e17a5cadbb71f1794fc7c43b4fadc1.md

• Reduce the "Enroll New Farmer" button size and remove w-100 in CooperativeDetail.vue.
• Import SearchableTableWrapper component in CooperativeDetail.vue.
• Add reactive variables for searchQuery and tableDensity.
• Implement a computed property filteredMembers to filter cooperative.members based on searchQuery.
• Replace the grid layout for members with SearchableTableWrapper.
• Define the member table structure (Full Name, Role, Actions/Chevron) inside the table slot of SearchableTableWrapper.
• Apply the density styles/classes to the table rows/cells.
• Ensure the "View Member" functionality is preserved for table rows.