Fix: Optimize tooltips and I118n #3221 (#9744)

### What problem does this PR solve?

Fix: Optimize tooltips and I118n #3221

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

---------

Co-authored-by: Kevin Hu <kevinhu.sh@gmail.com>

web/src/components/ui/tooltip.tsx

@@ -33,7 +33,7 @@ export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 export const FormTooltip = ({ tooltip }: { tooltip: React.ReactNode }) => {
   return (
     <Tooltip>
-      <TooltipTrigger>
+      <TooltipTrigger tabIndex={-1}>
         <Info className="size-3 ml-2" />
       </TooltipTrigger>
       <TooltipContent>

web/src/locales/en.ts

@@ -864,6 +864,7 @@ This auto-tagging feature enhances retrieval by adding another layer of domain-s
       pleaseUploadAtLeastOneFile: 'Please upload at least one file',
     },
     flow: {
+      days: 'Days',
       beginInput: 'Begin Input',
       ref: 'Variable',
       stockCode: 'Stock Code',

web/src/locales/zh.ts

@@ -840,7 +840,7 @@ General：实体和关系提取提示来自 GitHub - microsoft/graphrag：基于
       includeImageDescriptions: '包含图片描述',
       includeDomains: '包含域名',
       ExcludeDomains: '排除域名',
-      Days: 'Days',
+      days: '天数',
       comma: '逗号',
       semicolon: '分号',
       period: '句点',

web/src/pages/agents/agent-templates.tsx

@@ -11,6 +11,7 @@ import { useSetModalState } from '@/hooks/common-hooks';
 import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { useFetchAgentTemplates, useSetAgent } from '@/hooks/use-agent-request';
 import { IFlowTemplate } from '@/interfaces/database/flow';
+
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { CreateAgentDialog } from './create-agent-dialog';
@@ -83,13 +84,16 @@ export default function AgentTemplates() {
           selectMenuItem?.toLocaleLowerCase() || index === 0,
     );
   }, [selectMenuItem, templateList]);
+
   return (
     <section>
       <PageHeader>
         <Breadcrumb>
           <BreadcrumbList>
             <BreadcrumbItem>
-              <BreadcrumbLink onClick={navigateToAgents}>Agent</BreadcrumbLink>
+              <BreadcrumbLink onClick={navigateToAgents}>
+                {t('flow.agent')}
+              </BreadcrumbLink>
             </BreadcrumbItem>
             <BreadcrumbSeparator />
             <BreadcrumbItem>