User Detail Page - Copy this React, Tailwind Component to your project

画一个页面，左边是用户列表，右边是选中的用户的详情信息，详情分为两个板块，上面是基础信息，包括邮箱、Start Time、End Time、是否是付费用户的标识（可以用svg 或者图标来显示），End Time 是可以单独编辑的，点击进入编辑模式，选择日期。下面是具体的 config 信息，以下是这个 config 的默认值，回显跟编辑的时候都要按照结构来显示, 这一整块是整体编辑的，点击编辑按钮或者 icon 后 config 进入编辑模式，编辑完点击 save 保存 config：{ "seat": { "seatNum": 10 }, "action": { "actionNum": 60, "supportTime": 12, "supportMultiSig": true, "supportPreSigned": true, "supportDelegation": true, "supportGasBidding": true, "supportFrontRunning": true }, "chain": { "chainIds": [1, 56, 10, 169, 4200, 8453, 5000, 42161, 43114] }, "address": { "addressNum": 100 }, "monitor": { "customMonitorNum": 100, "supportAttackDetection": true, "supportMemPoolDetection": true } }