feat(components): 新增 Drawer 组件并优化 Playground 页面

- 新增 Drawer 组件用于创建可滑动的抽屉式界面
-优化 Playground 页面布局和样式，增加 logo 和 frosted glass 效果
- 添加统计卡片组件和动画效果，提升用户体验
- 新增数据项目图标组件

src/components/Layouts/Header.tsx

@@ -6,6 +6,7 @@ import { PlusOutlined } from "@ant-design/icons"
 import { useMessageOption } from "@/hooks/useMessageOption.tsx"
 import { useTranslation } from "react-i18next"
 import { NavLink, useLocation } from "react-router-dom"
+import logo from "@/assets/logo.png"
 
 interface SettingIconProps {}
 const SettingIcon: React.FC<SettingIconProps> = () => {
@@ -117,8 +118,9 @@ export const Header: React.FC<Props> = ({ setOpenModelSettings }) => {
             fill="#ffffff"
             p-id="9635"></path>
         </svg>
-        <h2 className="text-xl font-bold text-zinc-700 dark:text-zinc-300 mr-3 absolute left-1/2 transform -translate-x-1/2">
-          <span className="text-[#d30100]">数联网</span>科创智能体
+        <h2 className="flex items-center gap-3 text-xl font-bold text-zinc-700 dark:text-zinc-300 mr-3 absolute left-1/2 transform -translate-x-1/2">
+          <img src={logo} alt="logo" className="w-8" />
+          <p><span className="text-[#d30100]">数联网</span>科创智能体</p>
         </h2>
       </div>
       {/*设置框*/}