refactor(components): 重构历史记录组件和 playground 布局- 更新 History 组件样式和动画效果

- 调整 Playground 布局结构
-优化 Sidebar 聊天记录样式

src/components/Common/Playground/History.tsx

@@ -31,12 +31,8 @@ export const PlaygroundHistory = () => {
 
   return (
     <Card
-      className={`flex flex-col [&>:nth-child(2)]:flex-1 [&>:nth-child(2)]:overflow-y-auto w-[300px] h-full pt-16 pb-5 transition-all duration-300 ease-in-out transform ${
-        show
-          ? 'opacity-100 translate-x-0'
-          : 'opacity-0 -translate-x-full absolute'
-      }`}
-      style={{ paddingTop: "4rem" }}
+      className={`flex flex-col [&>:nth-child(2)]:flex-1 [&>:nth-child(2)]:overflow-y-auto w-[300px] h-full pt-16 pb-5 transition-all duration-300 ease-in-out`}
+      style={{ paddingTop: "4rem", width: show ? "300px" : "0" }}
       title={
         <div className="flex items-center justify-between w-full">
           {t("sidebarTitle")}