fix lint

Author: ymittal

src/components/CommunityEvents/index.tsx

@@ -1,3 +1,7 @@
+import { DateTime, DateTimeFormatOptions } from "luxon"
+import { useRouter } from "next/router"
+import { useTranslation } from "next-i18next"
+import { FaDiscord } from "react-icons/fa"
 import {
   Box,
   Center,
@@ -7,10 +11,6 @@ import {
   GridItem,
   Icon,
 } from "@chakra-ui/react"
-import { DateTime, DateTimeFormatOptions } from "luxon"
-import { useTranslation } from "next-i18next"
-import { useRouter } from "next/router"
-import { FaDiscord } from "react-icons/fa"
 
 import type { CommunityEvent } from "@/lib/interfaces"
 

src/components/FileContributors.tsx

@@ -1,18 +1,18 @@
+import { useState } from "react"
+import { useRouter } from "next/router"
 import {
   Avatar,
-  Skeleton as ChakraSkeleton,
-  SkeletonCircle as ChakraSkeletonCircle,
   Flex,
   FlexProps,
   Heading,
   ListItem,
   ModalBody,
   ModalHeader,
+  Skeleton as ChakraSkeleton,
+  SkeletonCircle as ChakraSkeletonCircle,
   UnorderedList,
   VStack,
 } from "@chakra-ui/react"
-import { useRouter } from "next/router"
-import { useState } from "react"
 
 import type { Author, Lang } from "@/lib/types"
 

src/components/History/NetworkUpgradeSummary.tsx

@@ -1,7 +1,7 @@
-import { Flex, Stack, Text } from "@chakra-ui/react"
-import { useTranslation } from "next-i18next"
-import { useRouter } from "next/router"
 import { useEffect, useState } from "react"
+import { useRouter } from "next/router"
+import { useTranslation } from "next-i18next"
+import { Flex, Stack, Text } from "@chakra-ui/react"
 
 import type { Lang } from "@/lib/types"
 

src/components/Layer2/Layer2Onboard.tsx

@@ -1,3 +1,6 @@
+import { useState } from "react"
+import { StaticImageData } from "next/image"
+import { useTranslation } from "next-i18next"
 import {
   Box,
   chakra,
@@ -7,9 +10,6 @@ import {
   Stack,
   UnorderedList,
 } from "@chakra-ui/react"
-import { useTranslation } from "next-i18next"
-import { StaticImageData } from "next/image"
-import { useState } from "react"
 
 import type { ChildOnlyProp } from "@/lib/types"
 

src/components/Layer2ProductCard.tsx

@@ -1,7 +1,7 @@
 // Libraries
-import { Box, Center, Flex, Heading } from "@chakra-ui/react"
-import { useTranslation } from "next-i18next"
 import { StaticImageData } from "next/image"
+import { useTranslation } from "next-i18next"
+import { Box, Center, Flex, Heading } from "@chakra-ui/react"
 
 import { ButtonLink } from "@/components/Buttons"
 import { Image } from "@/components/Image"

src/components/MeetupList.tsx

@@ -1,3 +1,5 @@
+import { useState } from "react"
+import { sortBy } from "lodash"
 import {
   Box,
   Flex,
@@ -9,8 +11,6 @@ import {
   useToken,
   VisuallyHidden,
 } from "@chakra-ui/react"
-import { sortBy } from "lodash"
-import { useState } from "react"
 
 import Emoji from "@/components/Emoji"
 import InfoBanner from "@/components/InfoBanner"

src/components/RandomAppList.tsx

@@ -1,5 +1,5 @@
-import { shuffle } from "lodash"
 import { useEffect, useState } from "react"
+import { shuffle } from "lodash"
 
 import type { TranslationKey } from "@/lib/types"
 

src/components/StablecoinAccordion/index.tsx

@@ -1,3 +1,5 @@
+import { useTranslation } from "next-i18next"
+import { MdArrowForward } from "react-icons/md"
 import {
   Accordion,
   Box,
@@ -7,8 +9,6 @@ import {
   LinkBox,
   LinkOverlay,
 } from "@chakra-ui/react"
-import { useTranslation } from "next-i18next"
-import { MdArrowForward } from "react-icons/md"
 
 import { ChildOnlyProp, TranslationKey } from "@/lib/types"
 

src/components/Staking/StakingStatsBox.tsx

@@ -1,7 +1,7 @@
-import { Code, Flex, Icon, VStack } from "@chakra-ui/react"
-import { useTranslation } from "next-i18next"
 import { useRouter } from "next/router"
+import { useTranslation } from "next-i18next"
 import { MdInfoOutline } from "react-icons/md"
+import { Code, Flex, Icon, VStack } from "@chakra-ui/react"
 
 import type { ChildOnlyProp, Lang, StakingStatsData } from "@/lib/types"
 

src/components/StatsBoxGrid/GridItem.tsx

@@ -1,7 +1,7 @@
-import { Box, Flex, Icon, Text, VStack } from "@chakra-ui/react"
 import { kebabCase } from "lodash"
 import { MdInfoOutline } from "react-icons/md"
 import { Area, AreaChart, ResponsiveContainer, XAxis, YAxis } from "recharts"
+import { Box, Flex, Icon, Text, VStack } from "@chakra-ui/react"
 
 import type { StatsBoxMetric } from "@/lib/types"