refactor(layout): 重构布局组件并添加视频播放功能

-重写 Header 组件，使用新的 OptionLayoutContext 替代 HistoryContext
- 新增 VideoPlayer 组件，用于播放视频
- 更新 Playground 组件，集成新的侧边栏和视频播放功能
- 重构 Layout 组件，支持新的选项布局
- 更新相关路由和导出导入逻辑，以支持上述更改

src/components/Option/Playground/Playground.tsx

@@ -2,6 +2,7 @@ import React from "react"
 
 import { PlaygroundForm } from "./PlaygroundForm"
 import { PlaygroundChat } from "./PlaygroundChat"
+import { PlaygroundSidebar } from "./PlaygroundSidebar.tsx"
 import { useMessageOption } from "@/hooks/useMessageOption"
 import { webUIResumeLastChat } from "@/services/app"
 
@@ -15,7 +16,6 @@ import { getLastUsedChatSystemPrompt } from "@/services/model-settings"
 import { useStoreChatModelSettings } from "@/store/model"
 import { useSmartScroll } from "@/hooks/useSmartScroll"
 import { ChevronDown } from "lucide-react"
-import { PlaygroundHistory } from "@/components/Common/Playground/History.tsx"
 import { PlaygroundIod } from "@/components/Option/Playground/PlaygroundIod.tsx"
 
 export const Playground = () => {
@@ -139,7 +139,7 @@ export const Playground = () => {
       className={`relative flex gap-3 h-full items-center ${
         dropState === "dragging" ? "bg-gray-100 dark:bg-gray-800" : ""
       } bg-white dark:bg-[#171717]`}>
-      <PlaygroundHistory />
+      <PlaygroundSidebar />
       <div className="h-full flex-1 overflow-x-hidden prose-lg flex flex-col items-center [&>*]:max-w-[848px] pt-[60px]">
         <div
           ref={containerRef}