refactor(layout): 优化团队页面布局和滚动

- 在 Team组件中添加 overflow-y-auto 以启用垂直滚动
- 在 Playground组件中调整网格布局，移除不必要的导入
- 优化消息列表布局，确保内容可以滚动

src/components/Option/Playground/Playground.tsx

@@ -141,8 +141,6 @@ export const Playground = () => {
     setRecentMessagesOnLoad()
   }, [])
 
-  const { show } = useContext(HistoryContext)
-
   return (
     <div
       ref={drop}
@@ -169,9 +167,10 @@ export const Playground = () => {
           <PlaygroundForm dropedFile={dropedFile} />
         </div>
       </div>
+      {/*auto_530px_165px*/}
       {messages.length && (
         <div
-          className="w-1/4 h-full grid grid-rows-[auto_530px_165px] pt-16 pr-5 pb-0 border-l border-gray-200"
+          className="w-1/4 h-full grid grid-rows-[1fr_2fr_175px] pt-16 pr-5 pb-0 border-l border-gray-200"
           style={{ paddingTop: "4rem" }}>
           <div className="w-full  overflow-y-auto border-gray-200 border-b p-3">
             <PlaygroundIodRelevant />
@@ -180,7 +179,7 @@ export const Playground = () => {
             <PlaygroundData />
             <PlaygroundScene />
           </div>
-          <div className="w-full p-3 pb-0">
+          <div className="w-full p-3">
             <PlaygroundTeam />
           </div>
         </div>