Feat/social link interaction

[Sonder9999]

Type of change

• New feature (a non-breaking change that adds functionality)

Checklist

• I have read the CONTRIBUTING document.
• I have checked to ensure that this Pull Request is not for personal changes.
• I have performed a self-review of my own code.
• My changes generate no new warnings.

Changes

增加了profileConfig那边profile-social-item图标的功能:

• hover上面的时候显示二维码(如果有)
• 点击图标之后会跳转(qq是直接打开新标签页,然后浏览器跳转qq并且跳转到加好友.微信是调用weixin:// 调用系统的打开微信,但是并不能直接跳转到加好友界面,因此下面做了复制的举动)
• 点击图标之后还会复制config里的copyText,例如copyText: "qq群:xxxx 网站:xxxx 欢迎扩列~",

How To Test

可以直接打开我的网站 https://blog.hodaru.com/ 已部署

Screenshots (if applicable)

• hover的表现:

• 点击的表现

Summary by Sourcery

添加交互式社交链接支持，包括二维码弹出层和延迟复制并打开的行为，以及用于剪贴板反馈的导航栏提示体验。

New Features:

• 在个人资料组件中启用可配置的社交链接交互功能，如二维码弹出层、点击复制文本，以及可选的延迟外部链接打开。
• 引入全局导航栏提示通知，用于社交交互，向用户反馈复制和链接打开状态。

Enhancements:

• 优化个人资料中的社交链接布局和样式，更好地适配交互图标和二维码弹出层。
• 抽取社交链接交互的可复用类型和工具方法，包括二维码弹出层定位和延迟链接控制逻辑。

Original summary in English

Summary by Sourcery

Add interactive social link support with QR popovers and delayed copy-and-open behavior, including a navbar toast experience for clipboard feedback.

New Features:

• Enable configurable social link interactions such as QR code popovers, click-to-copy text, and optional delayed external link opening in the profile widget.
• Introduce a global navbar toast notification for social interactions to provide user feedback on copy and link-opening status.

Enhancements:

• Refine profile social link layout and styling to better accommodate interactive icons and QR popovers.
• Extract reusable types and utilities for social link interaction, including QR popover positioning and delayed link control logic.

Original summary in English

Summary by Sourcery

添加交互式社交链接支持，包括二维码弹出层和延迟复制并打开的行为，以及用于剪贴板反馈的导航栏提示体验。

New Features:

• 在个人资料组件中启用可配置的社交链接交互功能，如二维码弹出层、点击复制文本，以及可选的延迟外部链接打开。
• 引入全局导航栏提示通知，用于社交交互，向用户反馈复制和链接打开状态。

Enhancements:

• 优化个人资料中的社交链接布局和样式，更好地适配交互图标和二维码弹出层。
• 抽取社交链接交互的可复用类型和工具方法，包括二维码弹出层定位和延迟链接控制逻辑。

Original summary in English

Summary by Sourcery

Add interactive social link support with QR popovers and delayed copy-and-open behavior, including a navbar toast experience for clipboard feedback.

New Features:

• Enable configurable social link interactions such as QR code popovers, click-to-copy text, and optional delayed external link opening in the profile widget.
• Introduce a global navbar toast notification for social interactions to provide user feedback on copy and link-opening status.

Enhancements:

• Refine profile social link layout and styling to better accommodate interactive icons and QR popovers.
• Extract reusable types and utilities for social link interaction, including QR popover positioning and delayed link control logic.

Original summary in English

Summary by Sourcery

添加交互式社交链接支持，包括二维码弹出层和延迟复制并打开的行为，以及用于剪贴板反馈的导航栏提示体验。

New Features:

• 在个人资料组件中启用可配置的社交链接交互功能，如二维码弹出层、点击复制文本，以及可选的延迟外部链接打开。
• 引入全局导航栏提示通知，用于社交交互，向用户反馈复制和链接打开状态。

Enhancements:

• 优化个人资料中的社交链接布局和样式，更好地适配交互图标和二维码弹出层。
• 抽取社交链接交互的可复用类型和工具方法，包括二维码弹出层定位和延迟链接控制逻辑。

Original summary in English

Summary by Sourcery

Add interactive social link support with QR popovers and delayed copy-and-open behavior, including a navbar toast experience for clipboard feedback.

New Features:

• Enable configurable social link interactions such as QR code popovers, click-to-copy text, and optional delayed external link opening in the profile widget.
• Introduce a global navbar toast notification for social interactions to provide user feedback on copy and link-opening status.

Enhancements:

• Refine profile social link layout and styling to better accommodate interactive icons and QR popovers.
• Extract reusable types and utilities for social link interaction, including QR popover positioning and delayed link control logic.

Original summary in English

Summary by Sourcery

添加交互式社交链接支持，包括二维码弹出层和延迟复制并打开的行为，以及用于剪贴板反馈的导航栏提示体验。

New Features:

• 在个人资料组件中启用可配置的社交链接交互功能，如二维码弹出层、点击复制文本，以及可选的延迟外部链接打开。
• 引入全局导航栏提示通知，用于社交交互，向用户反馈复制和链接打开状态。

Enhancements:

• 优化个人资料中的社交链接布局和样式，更好地适配交互图标和二维码弹出层。
• 抽取社交链接交互的可复用类型和工具方法，包括二维码弹出层定位和延迟链接控制逻辑。

Original summary in English

Summary by Sourcery

Add interactive social link support with QR popovers and delayed copy-and-open behavior, including a navbar toast experience for clipboard feedback.

New Features:

• Enable configurable social link interactions such as QR code popovers, click-to-copy text, and optional delayed external link opening in the profile widget.
• Introduce a global navbar toast notification for social interactions to provide user feedback on copy and link-opening status.

Enhancements:

• Refine profile social link layout and styling to better accommodate interactive icons and QR popovers.
• Extract reusable types and utilities for social link interaction, including QR popover positioning and delayed link control logic.

[netlify]

✅ Deploy Preview for demo-firefly ready!

Name	Link
🔨 Latest commit	5504baf
🔍 Latest deploy log	https://app.netlify.com/projects/demo-firefly/deploys/6a66397735e5250008b5c26c
😎 Deploy Preview	https://deploy-preview-522--demo-firefly.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sourcery-ai]

🧙 Sourcery 正在审查你的 Pull Request！

---

提示与命令

与 Sourcery 互动

• 触发新的审查： 在 Pull Request 中评论 @sourcery-ai review。
• 继续讨论： 直接回复 Sourcery 的审查评论。
• 从审查评论生成 GitHub issue： 通过回复某条审查评论，要求 Sourcery 从该评论创建一个 issue。你也可以在审查评论下回复 @sourcery-ai issue 来从这条评论创建 issue。
• 生成 Pull Request 标题： 在 Pull Request 标题的任意位置写上 @sourcery-ai，即可随时生成标题。你也可以在 Pull Request 中评论 @sourcery-ai title 来（重新）生成标题。
• 生成 Pull Request 摘要： 在 Pull Request 正文的任意位置写上 @sourcery-ai summary，即可在你想要的位置随时生成 PR 摘要。你也可以在 Pull Request 中评论 @sourcery-ai summary 来（重新）生成摘要。
• 生成审查者指南： 在 Pull Request 中评论 @sourcery-ai guide，即可随时（重新）生成审查者指南。
• 解决所有 Sourcery 评论： 在 Pull Request 中评论 @sourcery-ai resolve，即可解决所有 Sourcery 评论。如果你已经处理了所有评论且不想再看到它们，这会非常有用。
• 忽略所有 Sourcery 审查： 在 Pull Request 中评论 @sourcery-ai dismiss，即可忽略所有现有的 Sourcery 审查。当你希望以一次全新的审查开始时尤其有用——别忘了再评论 @sourcery-ai review 来触发新的审查！

自定义使用体验

进入你的控制面板以：

• 启用或禁用审查功能，例如 Sourcery 自动生成的 Pull Request 摘要、审查者指南等。
• 更改审查使用的语言。
• 添加、删除或编辑自定义审查说明。
• 调整其他审查设置。

获取帮助

• 如有问题或反馈，联系支持团队。
• 访问我们的文档获取详细指南和信息。
• 通过在 X/Twitter、LinkedIn 或 GitHub 关注我们，与 Sourcery 团队保持联系。

Original review guide in English

🧙 Sourcery is reviewing your pull request!

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.