Feat: Display the document configuration dialog with shadcn #3221 (#7302)

### What problem does this PR solve?

Feat: Display the document configuration dialog with shadcn #3221

### Type of change


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

web/src/components/max-token-number-from-field.tsx

@@ -0,0 +1,19 @@
+import { useTranslate } from '@/hooks/common-hooks';
+import { SliderInputFormField } from './slider-input-form-field';
+
+interface IProps {
+  initialValue?: number;
+  max?: number;
+}
+
+export function MaxTokenNumberFormField({ max = 2048 }: IProps) {
+  const { t } = useTranslate('knowledgeConfiguration');
+
+  return (
+    <SliderInputFormField
+      name={'parser_config.chunk_token_num'}
+      label={t('chunkTokenNumber')}
+      max={max}
+    ></SliderInputFormField>
+  );
+}