Enable import order (#24091)

* Enable import order

* Add new order groups and add consistent-type-imports

* Remove types group, move react to top and fix issues

* Add store and reducers to the redux group and move imports from types folder to the end

* Fix tsc

* Remove react rule

* Fix test

* Fix eslint disable

webapp/channels/src/components/integrations/edit_command/edit_command.test.tsx

@@ -1,14 +1,15 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
 import {shallow} from 'enzyme';
+import React from 'react';
 
-import {Team} from '@mattermost/types/teams';
-import {Command} from '@mattermost/types/integrations';
+import type {Command} from '@mattermost/types/integrations';
+import type {Team} from '@mattermost/types/teams';
+
+import EditCommand from 'components/integrations/edit_command/edit_command';
 
 import {TestHelper} from 'utils/test_helper';
-import EditCommand from 'components/integrations/edit_command/edit_command';
 
 describe('components/integrations/EditCommand', () => {
     const getCustomTeamCommands = jest.fn(

webapp/channels/src/components/integrations/edit_command/edit_command.tsx

@@ -4,14 +4,16 @@
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
-import {Team} from '@mattermost/types/teams';
-import {Command} from '@mattermost/types/integrations';
-import {RelationOneToOne} from '@mattermost/types/utilities';
+import type {Command} from '@mattermost/types/integrations';
+import type {Team} from '@mattermost/types/teams';
+import type {RelationOneToOne} from '@mattermost/types/utilities';
+
+import ConfirmModal from 'components/confirm_modal';
+import LoadingScreen from 'components/loading_screen';
 
 import {getHistory} from 'utils/browser_history';
 import {t} from 'utils/i18n';
-import LoadingScreen from 'components/loading_screen';
-import ConfirmModal from 'components/confirm_modal';
+
 import AbstractCommand from '../abstract_command';
 
 const HEADER = {id: t('integrations.edit'), defaultMessage: 'Edit'};

webapp/channels/src/components/integrations/edit_command/index.ts

@@ -2,14 +2,16 @@
 // See LICENSE.txt for license information.
 
 import {connect} from 'react-redux';
-import {bindActionCreators, Dispatch, ActionCreatorsMapObject} from 'redux';
+import {bindActionCreators} from 'redux';
+import type {Dispatch, ActionCreatorsMapObject} from 'redux';
+
+import type {Command} from '@mattermost/types/integrations';
+import type {GlobalState} from '@mattermost/types/store';
 
 import {editCommand, getCustomTeamCommands} from 'mattermost-redux/actions/integrations';
-import {getCommands} from 'mattermost-redux/selectors/entities/integrations';
 import {getConfig} from 'mattermost-redux/selectors/entities/general';
-import {GlobalState} from '@mattermost/types/store';
-import {GenericAction, ActionFunc} from 'mattermost-redux/types/actions';
-import {Command} from '@mattermost/types/integrations';
+import {getCommands} from 'mattermost-redux/selectors/entities/integrations';
+import type {GenericAction, ActionFunc} from 'mattermost-redux/types/actions';
 
 import EditCommand from './edit_command';