[add] Open Source Bounty page based on Lark BI Table views

[Copilot]

Changes Made Based on PR Feedback

✅ Addressed Comments

1. Layout reorganization (Comment #2665485481):

   • Forms and their corresponding ranks now render on the same row (50/50 split)
   • Dashboard and standalone ranks (token, hero, debt) now occupy full viewport width
   • Each row takes full width with proper spacing

2. Component improvements (Comment #2665502419):

   • Using Card.Title with as="h2" for semantic HTML
   • Using Bootstrap's Ratio component with aspectRatio="4x3"
   • Applied fs-5 Bootstrap class for consistent heading size
   • Removed manual positioning (absolute/relative) from iframe container

3. LESS nesting (Comment #2665506039):

   • Moved all responsive @media rules into nested LESS structure
   • Each class now contains its own responsive behavior
   • Cleaner, more maintainable LESS code

4. Terminology update (Comment #2665485481):

   • Changed "leaderboard" → "rank" in all translation keys
   • More appropriate for non-person rankings (tokens, debts, etc.)
   • Updated: zh-CN, en-US, zh-TW translations

Layout Structure

Dashboard (12 cols - full width)
Task Rank (6 cols) | Task Submission Form (6 cols)
Achievement Rank (6 cols) | Achievement Submission Form (6 cols)
Token Rank (12 cols - full width)
Hero Rank (12 cols - full width)
Debt Rank (12 cols - full width)

Files Changed

• pages/bounty.tsx - Updated component structure with Ratio, Card.Title, and new layout
• styles/Bounty.module.less - Nested responsive styles, removed manual aspect ratio
• translation/zh-CN.ts - Changed leaderboard → rank
• translation/en-US.ts - Changed leaderboard → rank
• translation/zh-TW.ts - Changed leaderboard → rank

Original prompt

---

This section details on the original issue you should resolve

<issue_title>开源悬赏 - 开源市集版</issue_title>
<issue_description></issue_description>

<agent_instructions>UI 设计风格清新、活泼一些，可参考 /hackathon 页面。</agent_instructions>

Comments on the Issue (you are @copilot in this section)

@TechQuery 已基于**飞书多维表格**搭建【开源悬赏】数据库：https://open-source-bazaar.feishu.cn/wiki/OLUmwZt22ifdXPkeIKOcufM8nAe

目前可开发独立页面用 <iframe /> 嵌入以下多维表格视图，再将该页面挂在官网导航栏：

1. 仪表盘：https://open-source-bazaar.feishu.cn/share/base/dashboard/shrcnt4EaAxn3zx9faRarERgEqf
2. 代币榜：https://open-source-bazaar.feishu.cn/share/base/view/shrcn6QBgImHEjFH5qDf5tjmrzb
3. 任务榜：https://open-source-bazaar.feishu.cn/share/base/view/shrcnUVgb8E73UthaB2Tk4glnSb
4. 任务发布表单：https://open-source-bazaar.feishu.cn/share/base/form/shrcn2Ss97TSu3XgPi7mbZbrXLe
5. 成果榜：https://open-source-bazaar.feishu.cn/share/base/view/shrcne4IY9mYAfoo9a69oxyAdTb
6. 成果提交表单：https://open-source-bazaar.feishu.cn/share/base/form/shrcn7yHGIOnPNjdZck3eBaiMVc
7. 英雄榜：https://open-source-bazaar.feishu.cn/share/base/view/shrcnyrOkRfqSAjWEjCQ9T4OOwc
8. 欠条榜：https://open-source-bazaar.feishu.cn/share/base/view/shrcnImOzkBXW3okKp3nLskPMgd</comment_new>

Human changes

1. [optimize] simplify JSX & LESS of Open Source Bounty page

• Fixes 开源悬赏 - 开源市集版 #40

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[dosubot]

Related Documentation

Checked 9 published document(s) in 0 knowledge base(s). No updates required.

^{How did I do? Any feedback?}