feat: update eslint import order rule (#31)

src/components/LayoutArm/LayoutArm.tsx

@@ -1,9 +1,10 @@
 import { Box, Flex } from '@chakra-ui/react';
+import React from 'react';
+import { Navigate, Route, Routes } from 'react-router-dom';
+
 import Sidebar from '../Sidebar';
 import Orders from '../Orders';
 import Masters from '../Masters';
-import React from 'react';
-import { Navigate, Route, Routes } from 'react-router-dom';
 
 const LayoutArm = () => (
   <Flex h='100vh'>

src/components/MasterItem/MasterItem.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Badge, Link, Stack, Td, Tr } from '@chakra-ui/react';
+
 import MasterActionsMenu from '../MasterActionsMenu';
 
 const MasterItem = ({ name, schedule, phone }) => {

src/components/Masters/Masters.tsx

@@ -11,10 +11,11 @@ import {
   useDisclosure,
   Flex,
 } from '@chakra-ui/react';
+import i18next from 'i18next';
+
 import { mastersData } from '../../mocks';
 import MasterItem from '../MasterItem';
 import MasterDrawer from '../MasterDrawer';
-import i18next from 'i18next';
 
 const TABLE_HEADERS = ['name', 'currentJob', 'phone', 'actions'];
 

src/components/Orders/Orders.tsx

@@ -1,8 +1,9 @@
 import { Box, Heading, Table, Thead, Tbody, Tr, Th } from '@chakra-ui/react';
 import React from 'react';
+import i18next from 'i18next';
+
 import { ordersData } from '../../mocks';
 import OrderItem from '../OrderItem';
-import i18next from 'i18next';
 const Orders = () => {
   const TABLE_HEADERS = [
     'carNumber',

src/components/landing/BenefitsSection/BenefitsSection.tsx

@@ -7,7 +7,9 @@ import {
   MdHandshake,
 } from 'react-icons/md';
 import { Heading, HStack, List, Text, VStack } from '@chakra-ui/react';
+
 import { CtaButton, PageSection } from '../';
+
 import { ListItem } from './ListItem';
 
 export const BenefitsSection: FC = () => {

src/components/landing/CtaButton/CtaButton.tsx

@@ -2,6 +2,7 @@ import React, { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link as RouterLink } from 'react-router-dom';
 import { ButtonProps, Button } from '@chakra-ui/react';
+
 import { URLs } from '../../../__data__/urls';
 
 export const CtaButton: FC<ButtonProps> = (props) => {

src/components/landing/Footer/Footer.tsx

@@ -2,7 +2,9 @@ import React, { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, List, ListItem } from '@chakra-ui/react';
 import { Link as RouterLink } from 'react-router-dom';
+
 import { SiteLogo, PageSection } from '../';
+
 import { Copyright } from './Copyright';
 
 export const Footer: FC = () => {

src/components/landing/HeroSection/HeroSection.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Box, Heading, Text, Center, VStack, BoxProps } from '@chakra-ui/react';
+
 import { DemoVideoPosterImg } from '../../../assets/images';
 import { CtaButton, SiteLogo, PageSection } from '../';
 

src/components/landing/SiteLogo/SiteLogo.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Image } from '@chakra-ui/react';
+
 import { LogoSvg } from '../../../assets/icons';
 
 export const SiteLogo: FC = () => {

src/components/landing/SocialProofSection/ReviewsSlider/ReviewsSlider.tsx

@@ -8,8 +8,10 @@ import {
   Tabs,
   Text,
 } from '@chakra-ui/react';
+
 import { mockReview } from '../../../../mocks/landing';
 import { Review } from '../../../../models';
+
 import { ReviewCard } from './ReviewCard';
 
 const SLIDE_CHANGE_INTERVAL = 5000;

src/components/landing/SocialProofSection/SocialProofSection.tsx

@@ -1,7 +1,9 @@
 import React, { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Heading, HStack } from '@chakra-ui/react';
+
 import { CtaButton, PageSection } from '../';
+
 import { ReviewsSlider } from './ReviewsSlider';
 
 export const SocialProofSection: FC = () => {