Fix: The button styles in the PaddleOCR dialog are not applying correctly. (#14350)

### What problem does this PR solve?

Fix: The button styles in the PaddleOCR dialog are not applying
correctly.

### Type of change

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

Co-authored-by: Copilot <copilot@github.com>

web/src/pages/user-setting/setting-model/modal/paddleocr-modal/index.tsx

@@ -1,4 +1,5 @@
 import { RAGFlowFormItem } from '@/components/ragflow-form';
+import { Button, ButtonLoading } from '@/components/ui/button';
 import {
   Dialog,
   DialogContent,
@@ -128,20 +129,12 @@ const PaddleOCRModal = ({
             )}
             <DialogFooter>
               <div className="flex justify-end space-x-2">
-                <button
-                  type="button"
-                  onClick={hideModal}
-                  className="btn btn-secondary"
-                >
+                <Button type="button" onClick={hideModal} variant={'outline'}>
                   {t('common.cancel')}
-                </button>
-                <button
-                  type="submit"
-                  disabled={loading}
-                  className="btn btn-primary"
-                >
-                  {t('common.add')}
-                </button>
+                </Button>
+                <ButtonLoading type="submit" loading={loading}>
+                  {t('common.ok')}
+                </ButtonLoading>
               </div>
             </DialogFooter>
           </form>