Feat: Using IconFont as an additional icon library #3221 (#7427)

### What problem does this PR solve?
Feat: Using IconFont as an additional icon library #3221

### Type of change


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

web/src/pages/home/banner.tsx

@@ -1,5 +1,6 @@
 import { Card, CardContent } from '@/components/ui/card';
 import { ArrowRight, X } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 
 function BannerCard() {
   return (
@@ -39,9 +40,10 @@ export function Banner() {
 }
 
 export function NextBanner() {
+  const { t } = useTranslation();
   return (
     <section className="text-5xl pt-10 pb-14 font-bold">
-      <span className="text-text-title">Welcome to</span>
+      <span className="text-text-title">{t('header.welcome')}</span>
       <span className="pl-3 text-transparent bg-clip-text  bg-gradient-to-l from-[#40EBE3] to-[#4A51FF]">
         RAGFlow
       </span>