Feat: Put the configuration of different parsing methods into separate components. #5467 (#5487)

### What problem does this PR solve?

Feat: Put the configuration of different parsing methods into separate
components. #5467

### Type of change


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

web/src/components/dataset-configuration-container.tsx

@@ -0,0 +1,22 @@
+import { cn } from '@/lib/utils';
+import { PropsWithChildren } from 'react';
+
+type DatasetConfigurationContainerProps = {
+  className?: string;
+} & PropsWithChildren;
+
+export function DatasetConfigurationContainer({
+  children,
+  className,
+}: DatasetConfigurationContainerProps) {
+  return (
+    <div
+      className={cn(
+        'border p-2 rounded-lg bg-slate-50 dark:bg-gray-600',
+        className,
+      )}
+    >
+      {children}
+    </div>
+  );
+}