refactor(layout): 重构布局组件并添加新功能

- 更新 Header 组件，增加项目标题和历史记录切换按钮
- 新增 DataNavigation 组件用于数据导航
- 添加 Playground 相关新组件，包括数据、场景、团队等信息展示
- 重构 Layout 组件，使用 Context 管理历史记录状态
- 更新 zh/option.json 文件，添加新的项目标题和对话相关翻译

src/components/Layouts/Header.tsx

@@ -24,18 +24,24 @@ import { ProviderIcons } from "../Common/ProviderIcon"
 import { NewChat } from "./NewChat"
 import { PageAssistSelect } from "../Select"
 import { MoreOptions } from "./MoreOptions"
+import { useContext } from "react"
+import { HistoryContext } from "@/components/Layouts/Layout.tsx"
 type Props = {
-  setSidebarOpen: (open: boolean) => void
+  sidebarOpen: boolean
+  setSidebarOpen: () => void
   setOpenModelSettings: (open: boolean) => void
 }
 
 export const Header: React.FC<Props> = ({
   setOpenModelSettings,
-  setSidebarOpen
+  setSidebarOpen,
+  sidebarOpen
 }) => {
   const { t, i18n } = useTranslation(["option", "common"])
   const isRTL = i18n?.dir() === "rtl"
 
+
+
   const [shareModeEnabled] = useStorage("shareMode", false)
   const [hideCurrentChatModelSettings] = useStorage(
     "hideCurrentChatModelSettings",
@@ -109,10 +115,16 @@ export const Header: React.FC<Props> = ({
             </NavLink>
           </div>
         )}
-        <div>
+        <div style={{width: sidebarOpen ? "288px" : "205px"}} className="flex items-center justify-between transition-all duration-300 ease-in-out">
+          <h2
+            className="text-xl font-bold text-zinc-700 dark:text-zinc-300 mr-3"
+            style={{ lineHeight: "0" }}>
+            {t("projectTitle")}
+          </h2>
+
           <button
             className="text-gray-500 dark:text-gray-400"
-            onClick={() => setSidebarOpen(true)}>
+            onClick={() => setSidebarOpen()}>
             <PanelLeftIcon className="w-6 h-6" />
           </button>
         </div>