feat: add backdrop to PlayerQueueModal

[longlin10086]

之前使用播放列表的时候习惯性点击空白处，结果误入歌词界面（x
于是给播放列表上方加了遮罩，效果如下：

2026-01-23.02.11.11.mp4

Summary by CodeRabbit

• 新功能
  • 播放队列模态框现已支持自定义背景效果和改进的动画配置。
  • 优化了模态框打开/关闭时的视觉动画效果。
  • 模态框打开时自动刷新数据，关闭时重置滚动状态，提升用户体验。

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[safedep]

SafeDep Report Summary

No dependency changes detected. Nothing to scan.

_{This report is generated by SafeDep Github App}

[coderabbitai]

概览

该更改扩展了 PlayerQueueModal 组件中的 BottomSheet 导入，新增了自定义背景组件、动画配置和列表组件支持。引入了 Easing 动画驱动，实现了基于时序的动画配置和自定义背景交互行为，增强了模态框的打开/关闭视觉效果和状态响应。

变更

内聚体 / 文件	变更摘要
BottomSheet 组件增强 src/components/modals/PlayerQueueModal.tsx	扩展 BottomSheet 导入以包含 BottomSheetBackdrop、BottomSheetFlatList、useBottomSheetTimingConfigs 和 BottomSheetBackdropProps；引入 Easing 动画模块；实现自定义 renderBackdrop 函数；应用 useBottomSheetTimingConfigs 驱动的动画配置；新增可见性变化响应逻辑（打开时触发重新获取，关闭时重置滚动状态）

代码审查工作量评估

🎯 2 (Simple) | ⏱️ ~8 分钟

诗

🐰 底层工作表焕然一新，

动画丝滑配置精，

背景幕帘舞翩翩，

打开关闭响应真，

用户体验更顺心！

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	PR标题清晰准确地反映了主要变更——为PlayerQueueModal添加backdrop组件，与提交的代码改动完全相符。

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[roitium]

LGTM！谢谢你的贡献！