🎁 [Backlog]: SeeDAO成员列表及个人主页

[fivea-eth]

用户故事 User Story

查询成员信息

SeeDAO成员

1. 作为一个刚进入Web3的新人，我在推特上的关注是0，希望能够关注一些DAO内的老人，获得更多web3相关的资讯。
2. 作为一个SeeDAO成员，我在参与公会、提案、活动、获得积分时，仍然需要再次提交钱包地址，希望后续在DAO内仅需要登记1次钱包，之后大家都可以直接查询到我的钱包地址。
3. 作为一个SeeDAO的贡献者，我希望能够便捷的查询自己的积分。

非SeeDAO成员

1. 当有小伙伴说自己是SeeDAO的成员时，我希望能够了解Ta在SeeDAO的历史活动和贡献情况，以便达成进一步的合作。

详细描述 Detailed Description

SeeDAO成员列表

在SeeDAO OS左侧导航栏中，新增一个栏目 SeeDAO成员，点击即可进入SeeDAO成员列表页面，如下图所示：

搜索框

1. 用户可以输入昵称/钱包地址/任一社交平台账号进行模糊查询。
2. 用户输入信息后，下方即会出现关联的SeeDAO成员选项，点击对应选项，即可直接打开对应成员的个人主页。

成员列表

1. 在成员列表中，展示在SeeDAO OS中，通过钱包登录过的用户信息。(可能未获得SeeDAO Onboarding SBT)
2. 展示每个成员的头像、昵称、贡献者等级、钱包地址、总积分、社交平台、进入主页的按钮。
3. 成员列表根据成员的总积分从大到小进行排序。
4. 交互：点击头像、昵称区域，跳转至对应成员的个人主页。
5. 交互：点击钱包地址区域，复制钱包地址，并弹出吐司消息"成功复制钱包地址：0xc92a88E2d17887646A40ddb0DDBBBe5c2a72512c”
6. 交互：点击社交平台中对应社交平台的图标，复制对应社交平台信息，并弹出对应的吐司消息：
   成功复制邮箱：[email protected]
   成功复制Discord昵称：Fivea#9602
   成功复制Twitter地址：https://twitter.com/Fivea_eth
   成功复制Google账号：[email protected]
   成功复制Telegram账号：Fivea_eth
   成功复制微信账号：Fivea_eth
7. 交互：点击“进入主页”，则会打开一个新的标签页，访问对应成员的个人主页。

<异常反馈>

1. 若通过搜索框，未查询到相关的SeeDAO成员，则展示文本“未找到该成员。可能Ta还未在SeeDAO OS中登记，或者不是SeeDAO成员。”
2. 若SeeDAO成员列表中为空，则显示1个提示文本“暂无成员”。
3. 若某个成员未绑定某个社交平台，则在SeeDAO成员列表的社交平台展示区域，隐藏对应社交平台的图标。

SeeDAO个人主页

1. 个人主页所有人可访问，调整个人主页域名格式如：https://app.seedao.xyz/+钱包地址
   示例：https://app.seedao.xyz/0xc92a88E2d17887646A40ddb0DDBBBe5c2a72512c
2. 为每个社交平台 新增是否对所有人展示的开关，若关闭则对所有人隐藏，若开启则对所有人展示。如下图所示：
   

可接受标准 Acceptance Criteria

SeeDAO成员列表

1. 在搜索框内，分别输入3个已完成社交平台绑定的SeeDAO成员的 昵称、钱包地址、各个社交平台账号，均会在下拉选项中，显示相应成员的信息。
2. 在搜索框内，输入一个不存在的成员信息，会展示异常提示文本。
3. 注册一个新钱包，登录SeeDAO OS，然后在SeeDAO成员列表中检索该钱包，应该也会展示出来。
4. 如果这个新钱包未绑定任何社交平台信息，应该在社交平台区域不会展示任何社交平台的图标。
5. 这个新钱包每绑定一个社交平台，在社交平台区域就会新增一个图标。
6. 点击进入主页，可以进入这个新钱包的个人主页。
7. **(待议)**将获得过SeeDAO积分的钱包，全部导入到SeeDAO OS，均可在成员列表中查看到对应钱包的地址、贡献者等级、积分、访问个人主页。SeeDAO积分说明Notion链接：https://seedao.notion.site/Score-SeeDAO-c7020e25368440d7ba1cd8be7e125966

SeeDAO个人主页

1.访问个人主页：app.seedao.xyz/+钱包地址；如果这个钱包地址在SeeDAO成员列表中，则可以正常访问TA的个人主页，如果这个钱包不在SeeDAO成员列表中，则应该展示异常反馈的提示文本。
2.为用户昵称添加长度校验，控制在2 - 64个字符内，当用户输入小于2个字符，或者大于64个字符时，前端会给用户相应的文本提示“请输入2-64个字符”。
3.为Telegram和微信ID 添加长度检验，控制在2 - 64个字符内，当用户输入小于2个字符，或者大于64个字符时，前端会给用户相应的文本提示“请输入2-64个字符”。

其他要求

1. 成员模糊搜索、SeeDAO成员列表加载最好都在1s内完成。
2. 字段校验时，最好前端会做校验，并且后端会对前端上传的内容再次校验。
3. 前端最好对用户的昵称、Telegram、微信ID都会做自适应处理，超出显示区域的部分，显示…

任务清单 Todo List

1. 实现SeeDAO成员列表
2. 实现SeeDAO个人主页

风险和依赖 (选填) Implementation Dependency (optional)

No response

检查清单 Checklist:

• 我已经在右侧选择 effort 标签，标注估计工作量 I have selected the effort label on the right side to estimate the work done.
• 如果需求相对急迫 (2 周内)，请在右侧选择 priority 标签 For urgent requests (within 2 weeks), please select the priority label on the right.
• 我了解没有依照格式提交需求清单，将会被关闭 I understand that improperly formatted product backlog may be closed without explanation.