Feat: Modify the segmented component style #3221 (#7409)

### What problem does this PR solve?

Feat: Modify the segmented component style #3221

### Type of change


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

web/src/pages/home/applications.tsx

@@ -67,7 +67,7 @@ export function Applications() {
           options={options}
           value={val}
           onChange={handleChange}
-          className="bg-colors-background-inverse-standard text-colors-text-neutral-standard"
+          className="bg-transparent"
         ></Segmented>
       </div>
       <div className="flex flex-wrap gap-4">

web/src/pages/home/banner.tsx

@@ -42,7 +42,7 @@ export function NextBanner() {
   return (
     <section className="text-5xl pt-10 pb-14 font-bold">
       <span className="text-text-title">Welcome to</span>
-      <span className="pl-3 text-transparent bg-clip-text  bg-gradient-to-b from-[#40EBE3] to-[#4A51FF]">
+      <span className="pl-3 text-transparent bg-clip-text  bg-gradient-to-l from-[#40EBE3] to-[#4A51FF]">
         RAGFlow
       </span>
     </section>

web/src/pages/home/datasets.tsx

@@ -1,12 +1,10 @@
 import { RenameDialog } from '@/components/rename-dialog';
 import { CardSkeleton } from '@/components/ui/skeleton';
-import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { useFetchNextKnowledgeListByPage } from '@/hooks/use-knowledge-request';
 import { DatasetCard, SeeAllCard } from '../datasets/dataset-card';
 import { useRenameDataset } from '../datasets/use-rename-dataset';
 
 export function Datasets() {
-  const { navigateToDatasetList } = useNavigatePage();
   const { kbs, loading } = useFetchNextKnowledgeListByPage();
   const {
     datasetRenameLoading,