Fix: bug fixes and icon replacement #10703 (#10814)

### What problem does this PR solve?

Fix: bug fixes and icon replacement #10703

### Type of change

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

web/src/pages/home/application-card.tsx

@@ -48,7 +48,7 @@ export type SeeAllAppCardProps = {
 
 export function SeeAllAppCard({ click }: SeeAllAppCardProps) {
   return (
-    <Card className="w-full min-h-[76px]" onClick={click}>
+    <Card className="w-full min-h-[76px] cursor-pointer" onClick={click}>
       <CardContent className="p-2.5 pt-1 w-full h-full flex items-center justify-center gap-1.5 text-text-secondary">
         See All <ChevronRight className="size-4" />
       </CardContent>

web/src/pages/home/applications.tsx

@@ -1,5 +1,5 @@
 import { CardSineLineContainer } from '@/components/card-singleline-container';
-import { IconFont } from '@/components/icon-font';
+import { HomeIcon } from '@/components/svg-icon';
 import { Segmented, SegmentedValue } from '@/components/ui/segmented';
 import { Routes } from '@/routes';
 import { useCallback, useMemo, useState } from 'react';
@@ -11,9 +11,9 @@ import { ChatList } from './chat-list';
 import { SearchList } from './search-list';
 
 const IconMap = {
-  [Routes.Chats]: 'chat',
-  [Routes.Searches]: 'search',
-  [Routes.Agents]: 'agent',
+  [Routes.Chats]: 'chats',
+  [Routes.Searches]: 'searches',
+  [Routes.Agents]: 'agents',
 };
 
 export function Applications() {
@@ -42,10 +42,14 @@ export function Applications() {
     <section className="mt-12">
       <div className="flex justify-between items-center mb-5">
         <h2 className="text-2xl font-bold flex gap-2.5">
-          <IconFont
+          {/* <IconFont
             name={IconMap[val as keyof typeof IconMap]}
             className="size-8"
-          ></IconFont>
+          ></IconFont> */}
+          <HomeIcon
+            name={`${IconMap[val as keyof typeof IconMap]}`}
+            width={'32'}
+          />
           {options.find((x) => x.value === val)?.label}
         </h2>
         <Segmented

web/src/pages/home/datasets.tsx

@@ -1,6 +1,6 @@
 import { CardSineLineContainer } from '@/components/card-singleline-container';
-import { IconFont } from '@/components/icon-font';
 import { RenameDialog } from '@/components/rename-dialog';
+import { HomeIcon } from '@/components/svg-icon';
 import { CardSkeleton } from '@/components/ui/skeleton';
 import { useFetchNextKnowledgeListByPage } from '@/hooks/use-knowledge-request';
 import { useTranslation } from 'react-i18next';
@@ -22,7 +22,8 @@ export function Datasets() {
   return (
     <section>
       <h2 className="text-2xl font-bold mb-6 flex gap-2.5 items-center">
-        <IconFont name="data" className="size-8"></IconFont>
+        {/* <IconFont name="data" className="size-8"></IconFont> */}
+        <HomeIcon name="datasets" width={'32'} />
         {t('header.dataset')}
       </h2>
       <div className="flex gap-6">