feat: 播放控制移入页眉 + 媒体铺满智能裁切

页眉播放控制（仅媒体轮播页）：
- 新增 MediaHeaderControls：播放/暂停、上一段/下一段、序号、当前文件名（点击进后台）、声音解锁
- 新增 mediaControl 共享状态桥：媒体页同步播放状态，页眉订阅渲染并下发指令
- 移除媒体页底部控制区，媒体区保持纯净全屏

媒体展示：
- .ms-media 改为 object-fit: cover，填满整个容器并智能居中裁切（原 contain 留黑边）

修复：
- MediaScreen useEffect 依赖数组引用后声明函数导致的 TDZ 崩溃
- 清理 MediaScreen 中不再使用的 Icon/cleanName/togglePlayPause

src/components/PageHeader.jsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import Icon from './Icons';
+import MediaHeaderControls from './MediaHeaderControls';
 import { PAGE_ORDER, usePageIndex } from '../utils/pageNav';
 import { Avatar, AvatarImage, AvatarFallback } from '@appica/ui-react/avatar'
 
@@ -52,6 +53,8 @@ export default function PageHeader() {
         </div>
       </div>
       <div className="bd-header-right">
+        {/* 媒体轮播页：页眉内嵌播放控制 */}
+        {location.pathname === '/screen' && <MediaHeaderControls />}
         <div className="bd-nav-keys" title="左右方向键或点击切换页面">
           {left && (
             <button className="bd-nav-key" onClick={() => navigate(left.path)}>