Fix react imports grouping sort

.eslintrc

@@ -45,7 +45,7 @@
           // Side effect imports.
           ["^\\u0000"],
           // `react` related packages come first.
-          ["react"],
+          ["^react"],
           // Things that start with a letter (or digit or underscore), or `@` followed by a letter.
           ["^@?\\w"],
           // Absolute imports and other imports such as Vue-style `@/foo`.

examples/channel/index.tsx

@@ -1,6 +1,7 @@
-import React, { render } from 'react-dom'
+import React, { StrictMode } from 'react'
+import { render } from 'react-dom'
+
 import { GroupChat, lightTheme } from '@status-im/react'
-import { StrictMode } from 'react'
 
 const App = () => {
   return (

examples/community/index.tsx

@@ -1,6 +1,7 @@
-import React, { render } from 'react-dom'
+import React, { StrictMode } from 'react'
+import { render } from 'react-dom'
+
 import { CommunityChat, lightTheme } from '@status-im/react'
-import { StrictMode } from 'react'
 
 const App = () => {
   return (

package.json

@@ -11,6 +11,7 @@
     "build": "wsrun -e -c -s build",
     "lint": "eslint 'packages/**/*.{ts,tsx}'",
     "lint:fix": "eslint 'packages/**/*.{ts,tsx}' --fix",
+    "lint:examples": "eslint 'examples/**/*.{ts,tsx}'",
     "format": "prettier --write .",
     "typecheck": "wsrun -e -c -s typecheck",
     "test": "wsrun -e -c -s test"

packages/status-react/src/components/Modals/AgreementModal.tsx

@@ -1,6 +1,6 @@
-import HCaptcha from '@hcaptcha/react-hcaptcha'
 import React, { useState } from 'react'
 
+import HCaptcha from '@hcaptcha/react-hcaptcha'
 import styled, { useTheme } from 'styled-components'
 
 import { useMessengerContext } from '../../contexts/messengerProvider'

packages/status-react/src/components/Modals/ConnectModal.tsx

@@ -1,6 +1,7 @@
-import QRCode from 'qrcode.react'
 import React from 'react'
 
+import QRCode from 'qrcode.react'
+
 import { CopyInput } from '../Form/CopyInput'
 import { Heading, MiddleSection, QRWrapper, Section, Text } from './ModalStyle'
 

packages/status-react/src/components/Modals/StatusModal.tsx

@@ -1,6 +1,6 @@
-import QRCode from 'qrcode.react'
 import React, { useState } from 'react'
 
+import QRCode from 'qrcode.react'
 import styled from 'styled-components'
 
 import { buttonStyles } from '../Buttons/buttonStyle'