fix(ui): Sort less files first (#13268)

datahub-web-react/.prettierrc.js

@@ -6,7 +6,8 @@ module.exports = {
     tabWidth: 4,
     plugins: ['@trivago/prettier-plugin-sort-imports'],
     importOrder: [
-        // Third party imports are first automatically, in their own group
+        '.*\.less$',
+        '<THIRD_PARTY_MODULES>',
         '^@components/(.*)$',
         // Have to specify all aliases otherwise they're considered third party
         '^(@app|@conf|@providers|@utils|@src)/(.*)$',

datahub-web-react/src/App.tsx

@@ -1,3 +1,6 @@
+import '@src/App.less';
+import '@src/AppV2.less';
+
 import { ApolloClient, ApolloProvider, InMemoryCache, ServerError, createHttpLink } from '@apollo/client';
 import { onError } from '@apollo/client/link/error';
 import Cookies from 'js-cookie';
@@ -9,8 +12,6 @@ import { Routes } from '@app/Routes';
 import { isLoggedInVar } from '@app/auth/checkAuthStatus';
 import { ErrorCodes } from '@app/shared/constants';
 import { PageRoutes } from '@conf/Global';
-import '@src/App.less';
-import '@src/AppV2.less';
 import CustomThemeProvider from '@src/CustomThemeProvider';
 import { GlobalCfg } from '@src/conf';
 import { useCustomTheme } from '@src/customThemeContext';

datahub-web-react/src/AppConfigProvider.tsx

@@ -1,8 +1,9 @@
+import '@src/App.less';
+
 import React, { useEffect } from 'react';
 
 import { THIRD_PARTY_LOGGING_KEY } from '@app/analytics/analytics';
 import { checkAuthStatus } from '@app/auth/checkAuthStatus';
-import '@src/App.less';
 import { AppConfigContext, DEFAULT_APP_CONFIG } from '@src/appConfigContext';
 
 import { useAppConfigQuery } from '@graphql/app.generated';

datahub-web-react/src/alchemy-components/components/SelectItemsPopover/SelectItemPopover.tsx

@@ -1,9 +1,10 @@
+import '@components/components/SelectItemsPopover/select-items-popover.less';
+
 import { Popover } from 'antd';
 import { CheckboxValueType } from 'antd/lib/checkbox/Group';
 import React, { ReactNode } from 'react';
 
 import { SelectItems } from '@components/components/SelectItemsPopover/SelectItems';
-import '@components/components/SelectItemsPopover/select-items-popover.less';
 
 import { Entity, EntityType } from '@src/types.generated';
 

datahub-web-react/src/app/entity/ermodelrelationships/ERModelRelationshipEntity.tsx

@@ -1,8 +1,9 @@
+import '@app/entity/ermodelrelationships/preview/ERModelRelationshipAction.less';
+
 import { DatabaseFilled, DatabaseOutlined } from '@ant-design/icons';
 import * as React from 'react';
 
 import { Entity, IconStyleType, PreviewType } from '@app/entity/Entity';
-import '@app/entity/ermodelrelationships/preview/ERModelRelationshipAction.less';
 import { ERModelRelationshipPreviewCard } from '@app/entity/ermodelrelationships/preview/ERModelRelationshipPreviewCard';
 import { EntityProfile } from '@app/entity/shared/containers/profile/EntityProfile';
 import { SidebarAboutSection } from '@app/entity/shared/containers/profile/sidebar/AboutSection/SidebarAboutSection';

datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal.tsx

@@ -1,10 +1,11 @@
+import '@app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal.less';
+
 import { PlusOutlined } from '@ant-design/icons';
 import { Button, Form, Input, Modal, Table, message } from 'antd';
 import TextArea from 'antd/lib/input/TextArea';
 import React, { useState } from 'react';
 
 import { useUserContext } from '@app/context/useUserContext';
-import '@app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal.less';
 import {
     ERModelRelationDataType,
     checkDuplicateERModelRelation,

datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview.tsx

@@ -1,9 +1,10 @@
+import '@app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview.less';
+
 import { RightOutlined } from '@ant-design/icons';
 import { Button, Row, Table } from 'antd';
 import React, { useState } from 'react';
 
 import { CreateERModelRelationModal } from '@app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal';
-import '@app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview.less';
 import { getDatasetName } from '@app/entity/shared/components/styled/ERModelRelationship/ERModelRelationUtils';
 import { useEntityRegistry } from '@app/useEntityRegistry';
 

datahub-web-react/src/app/entity/shared/tabs/Dataset/Relationship/RelationshipsTab.tsx

@@ -1,3 +1,5 @@
+import '@app/entity/shared/tabs/Dataset/Relationship/RelationshipsTab.less';
+
 import { ExclamationCircleFilled, LoadingOutlined, PlusOutlined } from '@ant-design/icons';
 import { Icon } from '@components';
 import { Button, Card, Divider, Empty, Input, Modal, Pagination } from 'antd';
@@ -9,7 +11,6 @@ import { CreateERModelRelationModal } from '@app/entity/shared/components/styled
 import { ERModelRelationPreview } from '@app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview';
 import { SearchSelectModal } from '@app/entity/shared/components/styled/search/SearchSelectModal';
 import { ANTD_GRAY } from '@app/entity/shared/constants';
-import '@app/entity/shared/tabs/Dataset/Relationship/RelationshipsTab.less';
 import { useGetEntityWithSchema } from '@app/entity/shared/tabs/Dataset/Schema/useGetEntitySchema';
 
 import { GetDatasetQuery, useGetDatasetLazyQuery, useGetDatasetSchemaLazyQuery } from '@graphql/dataset.generated';

datahub-web-react/src/app/entity/shared/tabs/ERModelRelationship/ERModelRelationshipTab.tsx

@@ -1,9 +1,10 @@
+import '@app/entity/shared/tabs/ERModelRelationship/ERModelRelationshipTab.less';
+
 import { Divider } from 'antd';
 import React from 'react';
 
 import { useEntityData, useRefetch } from '@app/entity/shared/EntityContext';
 import { ERModelRelationPreview } from '@app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview';
-import '@app/entity/shared/tabs/ERModelRelationship/ERModelRelationshipTab.less';
 
 export const ERModelRelationshipTab = () => {
     const { entityData } = useEntityData();