Member Data - Copy this React, Tailwind Component to your project

I-will-describe-the-main-components:-At-the-top-there-is-a-header-bar-with-the-logo-in-the-left-corner-On-the-left-side-of-the-screen-is-a-vertical-menu-bar-(sidebar)-containing-the-following-items:-Dev-BA-(Business-Analyst)-QC-(Quality-Control)-PM-(Project-Manager)-The-main-content-includes:-A-filter-with-the-keyword-"dev"-Two-gender-filtering-buttons:-"male"-and-"female"-The-main-information-display-area-is-divided-into-cells,-each-cell-has:-Avatar-image-Info-section-(information)-Below-is-a-pagination-bar-with-numbers-1,-2,-3,-...-The-design-looks-like-an-HR-or-project-membership-management-system,-allowing-users-to-view-and-filter-members'-information-by-role-(Dev,-BA,-QC,-PM)-and-gender.