feat: Implement drag and drop columns for filters (#13340)

* Implement DnD feature for filters

* minor refactor

* Fix types

* Fix undefined error

* Refactor

* Fix ts errors

* Fix conflicting dnd types

* Bump superset-ui packages

* Change DndItemType case to PascalCase

* Remove redundant null check

* Fix

* Fix csrf mock api call

superset-frontend/src/explore/components/controls/MetricControl/MetricDefinitionValue.jsx

@@ -20,11 +20,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import columnType from 'src/explore/propTypes/columnType';
 import { OptionControlLabel } from 'src/explore/components/OptionControls';
-import { OPTION_TYPES } from 'src/explore/components/optionTypes';
 import AdhocMetricOption from './AdhocMetricOption';
 import AdhocMetric from './AdhocMetric';
 import savedMetricType from './savedMetricType';
 import adhocMetricType from './adhocMetricType';
+import { DndItemType } from '../../DndItemType';
 
 const propTypes = {
   option: PropTypes.oneOfType([savedMetricType, adhocMetricType]).isRequired,
@@ -88,7 +88,7 @@ export default function MetricDefinitionValue({
         onRemove={onRemoveMetric}
         onMoveLabel={onMoveLabel}
         onDropLabel={onDropLabel}
-        type={OPTION_TYPES.metric}
+        type={DndItemType.FilterOption}
         index={index}
         isFunction
       />