Fix: Memory sava issue (#12243)

### What problem does this PR solve?

Fix: Memory sava issue

### Type of change

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

web/src/pages/user-setting/data-source/data-source-detail-page/index.tsx

@@ -5,12 +5,13 @@ import {
   FormFieldConfig,
   FormFieldType,
 } from '@/components/dynamic-form';
+import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
 import { Separator } from '@/components/ui/separator';
 import { RunningStatus } from '@/constants/knowledge';
 import { t } from 'i18next';
-import { CirclePause, Loader2, Repeat } from 'lucide-react';
+import { CirclePause, Repeat } from 'lucide-react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FieldValues } from 'react-hook-form';
 import {
@@ -177,17 +178,18 @@ const SourceDetailPage = () => {
             />
           </div>
           <div className="max-w-[1200px] flex justify-end">
-            <button
+            <Button
               type="button"
               onClick={onSubmit}
               disabled={addLoading}
-              className="flex items-center justify-center min-w-[100px] px-4 py-2 bg-primary text-white rounded-md disabled:opacity-60"
+              loading={addLoading}
             >
-              {addLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+              {t('common.confirm')}
+              {/* {addLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
               {addLoading
                 ? t('modal.loadingText', { defaultValue: 'Submitting...' })
-                : t('modal.okText', { defaultValue: 'Submit' })}
-            </button>
+                : t('modal.okText', { defaultValue: 'Submit' })} */}
+            </Button>
           </div>
           <section className="flex flex-col gap-2">
             <div className="text-2xl text-text-primary mb-2">