fix(DataSource): migrate configuration dialog to ui-next components (#5626)

* Fix to show data source on study list

* Update Button in Dialog select rows

* Updated legacy colors, small design updates

* Update dialog sizing

extensions/default/src/Components/DataSourceConfigurationComponent.tsx

@@ -28,9 +28,9 @@ function DataSourceConfigurationComponent({
         return;
       }
 
-      const { factory: configurationAPIFactory } = customizationService.getCustomization(
-        activeDataSourceDef.configuration.configurationAPI
-      ) ?? { factory: () => null };
+      const configurationAPIFactory =
+        customizationService.getCustomization(activeDataSourceDef.configuration.configurationAPI) ??
+        (() => null);
 
       if (!configurationAPIFactory) {
         return;
@@ -66,6 +66,7 @@ function DataSourceConfigurationComponent({
     show({
       content: DataSourceConfigurationModalComponent,
       title: t('Configure Data Source'),
+      containerClassName: 'max-w-3xl',
       contentProps: {
         configurationAPI,
         configuredItems,