Styled Card - Copy this React, Tailwind Component to your project

I want to create roles, premissions with role permission mapping interface using react material kit theme. my API should be using nestjs. Here are my table with fields table Roles:with fields id:TINYINT:PRIMARY:Unique Identifier for the Role, created_at:DATETIME:NA:Log Purpose, updated_at:DATETIME:NA:Log Purpose, name:VARCHAR(30):NA:Basic Information, description:VARCHAR(100):NA:Basic Information table Permission with fields id:TINYINT:PRIMARY:Unique Identifier for the Permission, created_at:DATETIME:NA:Log Purpose, updated_at:DATETIME:NA:Log Purpose, name:VARCHAR(30):NA:Basic Information, description:VARCHAR(100):NA:Basic Information, category:VARCHAR(30):NA:Categorization or grouping for permissions, key:VARCHAR(32):UNIQUE: Unique identifier or key for the permission. Role_permission with fields id:TINYINT:PRIMARY:Unique Identifier for the Role_permission, created_at:DATETIME:NA:Log Purpose, updated_at:DATETIME:NA:Log Purpose, role_id:TINYINT:FOREIGN KEY (role_id) REFERENCES Role(id):Role mapping Id, permission_id:INT:FOREIGN KEY (permission_id) REFERENCES Permission(id):Permission mapping Id