message: chore: change order of tab on explore data panel
diff: @@ -191,32 +191,32 @@ const DataSourcePanel = ({
  />
  <Collapse
  bordered={false}
  - defaultActiveKey={['column', 'metrics']}
  + defaultActiveKey={['metrics', 'column']}
  expandIconPosition="right"
  >
  <Collapse.Panel
  - header={<span className="header">{t('Columns')}</span>}
  - key="column"
  + header={<span className="header">{t('Metrics')}</span>}
  + key="metrics"
  >
  <div className="field-length">
  - {t(`Showing %s of %s`, columnSlice.length, columns.length)}
  + {t(`Showing %s of %s`, metricSlice.length, metrics.length)}
  </div>
  - {columnSlice.map(col => (
  - <div key={col.column_name} className="column">
  - <ColumnOption column={col} showType />
  + {metricSlice.map(m => (
  + <div key={m.metric_name} className="column">
  + <MetricOption metric={m} showType />
  </div>
  ))}
  </Collapse.Panel>
  <Collapse.Panel
  - header={<span className="header">{t('Metrics')}</span>}
  - key="metrics"
  + header={<span className="header">{t('Columns')}</span>}
  + key="column"
  >
  <div className="field-length">
  - {t(`Showing %s of %s`, metricSlice.length, metrics.length)}
  + {t(`Showing %s of %s`, columnSlice.length, columns.length)}
  </div>
  - {metricSlice.map(m => (
  - <div key={m.metric_name} className="column">
  - <MetricOption metric={m} showType />
  + {columnSlice.map(col => (
  + <div key={col.column_name} className="column">
  + <ColumnOption column={col} showType />
  </div>
  ))}
  </Collapse.Panel>
  