撤回孩子端单词页网格;家长端跟读录音列表改一行多个(换行排布)

- 撤回 word-day 网格改动,恢复原卡片布局
- 家长端"单词跟读录音"(课程管理+学习概览)改为圆角标签自动换行,
  一行多个,每个含单词+播放按钮

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/app/parent/dashboard.tsx

@@ -151,13 +151,13 @@ export function ParentDashboard({
               </div>
               <div className="rounded-xl border border-slate-100 bg-white p-4 shadow-soft sm:col-span-2">
                 <p className="font-bold text-slate-900">🎙️ 单词跟读录音</p>
-                <div className="mt-2 space-y-2">
+                <div className="mt-2 flex flex-wrap gap-2">
                   {recordings.length === 0 && <p className="text-xs text-muted-foreground">暂无跟读录音</p>}
                   {recordings.map((r, i) => (
-                    <div key={i} className="flex items-center gap-2 text-sm">
-                      <span className="w-16 shrink-0 text-xs text-muted-foreground">{r.childName}</span>
-                      <span className="w-20 shrink-0 font-medium text-slate-800">{r.word}</span>
-                      <PlayBtn src={r.url} />
+                    <div key={i} className="flex items-center gap-1.5 rounded-full bg-slate-50 px-2.5 py-1 text-sm ring-1 ring-slate-100">
+                      <span className="text-xs text-muted-foreground">{r.childName}</span>
+                      <span className="font-medium text-slate-800">{r.word}</span>
+                      <PlayBtn src={r.url} className="size-6" />
                     </div>
                   ))}
                 </div>