(nextjs) added eslint and import sorting

src/components/dialogs/BetterScrollDialog/index.tsx

@@ -1,9 +1,12 @@
 import React, { FC, MouseEventHandler, useEffect, useRef } from 'react';
-import styles from './styles.module.scss';
+
 import { clearAllBodyScrollLocks, disableBodyScroll } from 'body-scroll-lock';
+
 import { Icon } from '~/components/input/Icon';
 import { LoaderCircle } from '~/components/input/LoaderCircle';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   children: React.ReactChild;
   header?: JSX.Element;

src/components/dialogs/DialogTitle/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+
 import styles from './styles.module.scss';
 
 interface IProps {

src/components/dialogs/ModalWrapper/index.tsx

@@ -1,5 +1,7 @@
 import React, { FC, MouseEventHandler } from 'react';
+
 import ReactDOM from 'react-dom';
+
 import styles from './styles.module.scss';
 
 type IProps = {

src/components/dialogs/Tabs/index.tsx

@@ -1,7 +1,9 @@
 import React, { createContext, FC, useContext, useMemo, useState, VFC } from 'react';
-import styles from './styles.module.scss';
+
 import classNames from 'classnames';
 
+import styles from './styles.module.scss';
+
 interface TabProps {
   items: string[];
 }