Remove unused imports

Author: naz3eh

frontend/src/Components/Footer/index.tsx

@@ -1,16 +1,16 @@
-import { ReactNode } from 'react';
 import {
   Box,
+  ButtonGroup,
+  Flex,
+  Image,
   Link,
   SimpleGrid,
   Stack,
   Text,
-  Flex,
-  Image,
   useColorMode,
-  ButtonGroup,
 } from '@chakra-ui/react';
-import { FaTwitter, FaDiscord, FaGithub } from 'react-icons/fa';
+import { ReactNode } from 'react';
+import { FaDiscord, FaGithub, FaTwitter } from 'react-icons/fa';
 
 const ListHeader = ({ children }: { children: ReactNode }) => {
   return (

frontend/src/Components/Header/index.tsx

@@ -1,16 +1,15 @@
-import React, { ReactNode, useState } from 'react';
 import {
-  Link,
   Box,
   Flex,
-  Text,
-  Switch,
+  HStack,
   Image,
+  Link,
   Stack,
+  Switch,
+  Text,
   useColorMode,
-  HStack,
-  BoxProps,
 } from '@chakra-ui/react';
+import React, { ReactNode, useState } from 'react';
 
 const NavBar = () => {
   const [isOpen, setIsOpen] = useState<boolean>(false);

frontend/src/Components/Intro/index.tsx

@@ -1,18 +1,17 @@
 import {
   Box,
-  Flex,
-  Text,
   Button,
-  Image,
+  Flex,
   Grid,
   GridItem,
-  useBreakpointValue,
+  Image,
+  Text,
 } from '@chakra-ui/react';
-import { BsFillLightningChargeFill } from 'react-icons/bs';
-import { FaDiscord } from 'react-icons/fa';
 import '@fontsource/inter/500.css';
 import '@fontsource/inter/700.css';
 import '@fontsource/inter/800.css';
+import { BsFillLightningChargeFill } from 'react-icons/bs';
+import { FaDiscord } from 'react-icons/fa';
 
 const codeLaunched = false;
 

frontend/src/Components/Values/index.tsx

@@ -1,19 +1,19 @@
 import {
-  Flex,
   Box,
+  Flex,
   Heading,
-  Text,
-  OrderedList,
-  ListItem,
+  Icon,
   LinkBox,
   LinkOverlay,
-  Icon,
-  useColorModeValue,
+  ListItem,
+  OrderedList,
+  Text,
   useBreakpointValue,
+  useColorModeValue,
 } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
-import { DEVELOPER_DAO_WIKI } from '../../utils/DeveloperDaoConstants';
 import { BsArrowUpRight } from 'react-icons/bs';
+import { DEVELOPER_DAO_WIKI } from '../../utils/DeveloperDaoConstants';
 
 const Values = () => {
   const isMobile = useBreakpointValue({ base: true, lg: false });

frontend/src/layout/Page/index.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
 import { Box, Flex, Image, Stack, Text, useColorMode } from '@chakra-ui/react';
-import Header from '../../Components/Header';
+import React from 'react';
 import Marquee from 'react-fast-marquee';
+import Header from '../../Components/Header';
 
 function Page({ children }: { children?: object }) {
   const { colorMode } = useColorMode();

frontend/src/pages/_app.tsx

@@ -1,18 +1,16 @@
-import React, { ReactNode } from 'react';
-import Head from 'next/head';
-import { appWithTranslation } from 'next-i18next';
 import { ChakraProvider } from '@chakra-ui/react';
-import { useTranslation } from 'next-i18next';
 import '@fontsource/inter/variable-full.css';
 import '@fontsource/source-code-pro/400.css';
 import '@fontsource/source-code-pro/600.css';
+import { appWithTranslation, useTranslation } from 'next-i18next';
+import PlausibleProvider from 'next-plausible';
 import { AppProps } from 'next/app';
+import Head from 'next/head';
+import React, { ReactNode } from 'react';
+import Page from '../layout/Page';
 import '../styles/globals.css';
-
-import { DEVELOPER_DAO_WEBSITE } from '../utils/DeveloperDaoConstants';
 import { theme } from '../theme';
-import PlausibleProvider from 'next-plausible';
-import Page from '../layout/Page';
+import { DEVELOPER_DAO_WEBSITE } from '../utils/DeveloperDaoConstants';
 
 const socialBanner = `${DEVELOPER_DAO_WEBSITE}/social-banner.png`;
 

frontend/src/pages/index.tsx

@@ -1,37 +1,11 @@
-import {
-  Box,
-  Button,
-  Container,
-  Divider,
-  Flex,
-  Heading,
-  HStack,
-  Icon,
-  IconButton,
-  ListItem,
-  Stack,
-  StackDivider,
-  Text,
-  UnorderedList,
-  useBreakpointValue,
-  useColorMode,
-  VisuallyHidden,
-  VStack,
-} from '@chakra-ui/react';
+import { Divider, useColorMode, VStack } from '@chakra-ui/react';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
-import { ReactElement } from 'react';
-import { BsLightningCharge } from 'react-icons/bs';
-import { FaDiscord, FaGithub, FaTwitter } from 'react-icons/fa';
-import { GiCrownedHeart } from 'react-icons/gi';
-import Image from 'next/image';
-import { useTranslation } from 'react-i18next';
+import Footer from '../Components/Footer';
 import IntroComponent from '../Components/Intro';
-import Values from '../Components/Values';
 import Partners from '../Components/Partners';
-import Footer from '../Components/Footer';
+import Values from '../Components/Values';
 
 export default function IndexPage() {
-  const { t } = useTranslation();
   const { colorMode } = useColorMode();
 
   return (

frontend/src/theme.ts

@@ -1,4 +1,4 @@
-import { extendTheme, ThemeConfig } from '@chakra-ui/react';
+import { extendTheme } from '@chakra-ui/react';
 import { mode } from '@chakra-ui/theme-tools';
 
 export const theme = extendTheme({