refactor(ui): use import type syntax where possible (argoproj#12514)

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

ui/src/app/shared/components/suspense-monaco-editor.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import {MonacoEditorProps} from 'react-monaco-editor';
-import MonacoEditor from 'react-monaco-editor';
+import type {MonacoEditorProps} from 'react-monaco-editor';
+import type MonacoEditor from 'react-monaco-editor';
 
 import {Loading} from './loading';
 

ui/src/app/shared/workflow-operations-map.tsx

@@ -1,4 +1,4 @@
-import {NodePhase, Workflow} from '../../models';
+import type {NodePhase, Workflow} from '../../models';
 import {services} from './services';
 import {WorkflowDeleteResponse} from './services/responses';
 import {Utils} from './utils';

ui/src/app/widgets/workflow-status-badge.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {useEffect, useState} from 'react';
 import {RouteComponentProps} from 'react-router';
 
-import {NodePhase} from '../../models';
+import type {NodePhase} from '../../models';
 import {uiUrl} from '../shared/base';
 import {historyUrl} from '../shared/history';
 import {RetryWatch} from '../shared/retry-watch';

ui/src/models/index.ts

@@ -6,6 +6,6 @@ export * from './workflow-templates';
 export * from './cron-workflows';
 export * from './cluster-workflow-templates';
 export * from './submit-opts';
-export {EventSource} from './event-source';
-export {Sensor, SensorList} from './sensor';
+export type {EventSource} from './event-source';
+export type {Sensor, SensorList} from './sensor';
 export {models as kubernetes} from 'argo-ui';