feat: divide imports by types (#35)

src/components/Masters/Masters.tsx

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

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 { Box, Heading, Table, Thead, Tbody, Tr, Th } from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+
 import { ordersData } from '../../mocks';
 import OrderItem from '../OrderItem';
-import { useTranslation } from 'react-i18next';
 import { OrderProps } from '../OrderItem/OrderItem';
 
 const Orders = () => {

src/pages/arm/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 
 import LayoutArm from '../../components/LayoutArm';