chore: fixed reviews

import from `@componetns` `@types`

components/BotCard.tsx

@@ -1,10 +1,12 @@
-import { Bot } from '../types'
+import Link from 'next/link'
+
 import { checkBotFlag, formatNumber, makeBotURL } from '@utils/Tools'
 import { Status } from '@utils/Constants'
-import Divider from './Divider'
-import Tag from './Tag'
-import Link from 'next/link'
-import DiscordAvatar from './DiscordAvatar'
+import { Bot } from '@types'
+
+import Divider from '@components/Divider'
+import Tag from '@components/Tag'
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const BotCard = ({ manage=false, bot }: BotProps): JSX.Element => {
 	return (

components/DiscordAvatar.tsx

@@ -1,6 +1,6 @@
 import { SyntheticEvent, useEffect, useState } from 'react'
-import { KoreanbotsEndPoints } from '../utils/Constants'
-import { supportsWebP } from '../utils/Tools'
+import { KoreanbotsEndPoints } from '@utils/Constants'
+import { supportsWebP } from '@utils/Tools'
 
 const DiscordAvatar = (props: {
 	alt?: string

components/Docs.tsx

@@ -1,5 +1,5 @@
-import Container from './Container'
-import Wave from './Wave'
+import Container from '@components/Container'
+import Wave from '@components/Wave'
 
 const Docs = ({ header, description, subheader, children }: DocsProps): JSX.Element => {
 	return (

components/Footer.tsx

@@ -1,6 +1,6 @@
 import Link from 'next/link'
-import Container from './Container'
-import Wave from './Wave'
+import Container from '@components/Container'
+import Wave from '@components/Wave'
 
 const Footer = ({ color }:FooterProps): JSX.Element => {
 	return (

components/Navbar.tsx

@@ -1,11 +1,13 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import { redirectTo } from '@utils/Tools'
+import { useState } from 'react'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useState } from 'react'
-import DiscordAvatar from './DiscordAvatar'
+
+import { redirectTo } from '@utils/Tools'
+
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const Navbar = (): JSX.Element => {
 	let userCache

components/Owner.tsx

@@ -1,5 +1,5 @@
 import Link from 'next/link'
-import DiscordAvatar from './DiscordAvatar'
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const Owner = ({ id, username, tag }:OwnerProps):JSX.Element => {
 	return <Link href={`/users/${id}`}>

components/Search.tsx

@@ -6,7 +6,7 @@ import { makeBotURL } from '@utils/Tools'
 import Fetch from '@utils/Fetch'
 import { BotList, ResponseProps } from '@types'
 
-import DiscordAvatar from './DiscordAvatar'
+import DiscordAvatar from '@components/DiscordAvatar'
 
 const Search = (): JSX.Element => {
 	const [ query, setQuery ] = useState('')

components/SubmittedBotCard.tsx

@@ -1,6 +1,6 @@
 import { Status } from '@utils/Constants'
 
-import Tag from './Tag'
+import Tag from '@components/Tag'
 
 import { SubmittedBot } from '@types'
 import Link from 'next/link'