Feat: Display the data flow log on the far right. #9869 (#10214)

### What problem does this PR solve?

Feat: Display the data flow log on the far right. #9869
### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/profile-setting/mcp/edit-mcp-dialog.tsx

@@ -122,7 +122,11 @@ export function EditMcpDialog({
           setFieldChanged={setFieldChanged}
         ></EditMcpForm>
         <Collapse
-          title={<div>{nextTools?.length || 0} tools available</div>}
+          title={
+            <div>
+              {nextTools?.length || 0} {t('mcp.toolsAvailable')}
+            </div>
+          }
           open={collapseOpen}
           onOpenChange={setCollapseOpen}
           rightContent={

web/src/pages/profile-setting/mcp/index.tsx

@@ -33,10 +33,10 @@ export default function McpServer() {
 
   return (
     <section className="p-4 w-full">
-      <div className="text-text-primary text-2xl">MCP Servers</div>
+      <div className="text-text-primary text-2xl">{t('mcp.mcpServers')}</div>
       <section className="flex items-center justify-between pb-5">
         <div className="text-text-secondary">
-          Customize the list of MCP servers
+          {t('mcp.customizeTheListOfMcpServers')}
         </div>
         <div className="flex gap-5">
           <SearchInput