Fix: Refactor the similarity slider component and modify the style of the dataset-test page #10703 (#10846)

### What problem does this PR solve?

Fix: Refactor the similarity slider component and modify the style of
the dataset-test page

### Type of change

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

web/src/components/top-n-item.tsx

@@ -1,3 +1,4 @@
+import { FormLayout } from '@/constants/form';
 import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Slider } from 'antd';
 import { z } from 'zod';
@@ -46,6 +47,7 @@ export function TopNFormField({ max = 30 }: SimilaritySliderFormFieldProps) {
       label={t('topN')}
       max={max}
       tooltip={t('topNTip')}
+      layout={FormLayout.Vertical}
     ></SliderInputFormField>
   );
 }