需要帮助: 允许用户将完成的训练内容以图像形式分享(适合社交分享)

背景
在完成一项训练后，用户可能希望分享自己的成就。
想法
在每个训练会话结束时，除了“进入我的个人资料”按钮外，还添加了一个“分享你的成功”按钮。
点击此按钮后，它会生成一个带有鼓舞性信息和训练中关键数据的静态社交友好图片。
示例输出（需要改进）

祝贺你在**[日期]完成的训练!
你用[X 个练习]击败了[肌肉组]**。
继续努力!
此图片可在客户端使用html-to-image或类似工具生成。这确保了它在无服务器端渲染的情况下也能正常工作。
目标

• 在训练摘要屏幕中添加类似“分享我的成功”的按钮
• 生成一个干净、设计合理的图片（社交媒体比例：1:1 或 4:5）
• 包含与用户相关的数据：日期、练习的肌肉组、练习次数
• 包含 workout.cool 的徽标
• 通过原生操作系统的分享功能（以移动设备为主）支持下载或分享
  为什么它很有用
• 提高用户的动力
• 产生成就感
• 促进用户在 Instagram、Twitter 等平台上进行自发推广
  技术提示
• 使用 React 很容易实现 html-to-image。
• 将设计包装在一个隐藏的容器中，在屏幕外渲染并导出。
• 在桌面和移动设备上进行测试。

---

有兴趣参与其中吗?
请在下面评论，我们会指导你完成任务！让我们一起创造一些有趣且可分享的内容吧。