feat: migrate icons to ui-next (#4606)

extensions/default/src/Components/DataSourceConfigurationComponent.tsx

@@ -1,6 +1,7 @@
 import React, { ReactElement, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Icon, useModal } from '@ohif/ui';
+import { useModal } from '@ohif/ui';
+import { Icons } from '@ohif/ui-next';
 import { Types } from '@ohif/core';
 import DataSourceConfigurationModalComponent from './DataSourceConfigurationModalComponent';
 
@@ -86,11 +87,10 @@ function DataSourceConfigurationComponent({
 
   return configuredItems ? (
     <div className="text-aqua-pale flex items-center overflow-hidden">
-      <Icon
-        name="settings"
+      <Icons.Settings
         className="mr-2.5 h-3.5 w-3.5 shrink-0 cursor-pointer"
         onClick={showConfigurationModal}
-      ></Icon>
+      />
       {configuredItems.map((item, itemIndex) => {
         return (
           <div