fix: mcp tags overflow (#9662)

src/renderer/src/pages/settings/MCPSettings/McpServerCard.tsx

@@ -1,4 +1,5 @@
 import { DeleteIcon } from '@renderer/components/Icons'
+import Scrollbar from '@renderer/components/Scrollbar'
 import { getMcpTypeLabel } from '@renderer/i18n/label'
 import { MCPServer } from '@renderer/types'
 import { Button, Switch, Tag, Typography } from 'antd'
@@ -160,12 +161,19 @@ const ServerDescription = styled.div`
   height: 50px;
 `
 
-const ServerFooter = styled.div`
+const ServerFooter = styled(Scrollbar)`
   display: flex;
   align-items: center;
-  gap: 4px;
   justify-content: flex-start;
+  flex-direction: row;
+  overflow-x: auto;
+  min-height: 22px;
+  gap: 4px;
   margin-top: 10px;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 `
 
 const ServerTag = styled(Tag)`