🦄 refactor: add import type

Signed-off-by: Neko <[email protected]>

components/layout/appLayout.tsx

@@ -1,4 +1,10 @@
-import { FC, useState, useEffect, useCallback, ReactNode } from 'react';
+import {
+  type FC,
+  useState,
+  useEffect,
+  useCallback,
+  type ReactNode,
+} from 'react';
 import { Box, Theme, Slide, Fab } from '@mui/material';
 import { ExpandLess } from '@mui/icons-material';
 import { throttle } from 'throttle-debounce';

components/layout/header/index.tsx

@@ -1,4 +1,4 @@
-import { FC, useState, useMemo, useCallback, useEffect } from 'react';
+import { type FC, useState, useMemo, useCallback, useEffect } from 'react';
 import {
   Box,
   Typography,

components/markdown/common.tsx

@@ -1,5 +1,6 @@
-import { FC, HTMLAttributes, useState, MouseEventHandler } from 'react';
-import { Typography, SxProps } from '@mui/material';
+import type { FC, HTMLAttributes, MouseEventHandler } from 'react';
+import { useState } from 'react';
+import { Typography, type SxProps } from '@mui/material';
 
 import { HTitleLinkIcon } from './linkIcon';
 

components/markdown/h.tsx

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import type { FC, HTMLAttributes } from 'react';
 
 import { HTitleCommon } from './common';
 

components/markdown/linkIcon.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { Box, Fade } from '@mui/material';
 import { Link as LinkIcon } from '@mui/icons-material';
 

lib/hooks/useLoadMore.ts

@@ -1,4 +1,4 @@
-import { BaseResponse } from 'lib/interfaces';
+import type { BaseResponse } from 'lib/interfaces';
 import { useCallback, useEffect, useState } from 'react';
 import { throttle } from 'throttle-debounce';
 

pages/404.tsx

@@ -1,5 +1,5 @@
 import { BodyHeader } from 'components/layout/bodyHeader';
-import { NextPageWithLayout } from './_app';
+import type { NextPageWithLayout } from './_app';
 
 const Custom404: NextPageWithLayout = () => <></>;
 

pages/500.tsx

@@ -1,5 +1,5 @@
 import { BodyHeader } from 'components/layout/bodyHeader';
-import { NextPageWithLayout } from './_app';
+import type { NextPageWithLayout } from './_app';
 
 const Custom500: NextPageWithLayout = () => <></>;
 

pages/_app.tsx

@@ -1,5 +1,5 @@
 import '../styles/globals.css';
-import { FC, ReactElement, ReactNode } from 'react';
+import type { FC, ReactElement, ReactNode } from 'react';
 import { createTheme, CssBaseline, ThemeProvider } from '@mui/material';
 import Head from 'next/head';
 import type { AppProps } from 'next/app';

pages/friend.tsx

@@ -3,7 +3,7 @@ import { AccountCircle } from '@mui/icons-material';
 import { Avatar, Grid, Box, Typography, type Theme } from '@mui/material';
 
 import { getFriends } from 'lib';
-import { NextPageWithLayout } from './_app';
+import type { NextPageWithLayout } from './_app';
 import { LinkContainer } from 'components/linkContainer';
 
 const FriendPage: NextPageWithLayout<

pages/index.tsx

@@ -1,13 +1,13 @@
-import { InferGetStaticPropsType } from 'next';
+import type { InferGetStaticPropsType } from 'next';
 import Image from 'next/image';
 import { Box, Stack, Typography, Theme, SxProps, Fade } from '@mui/material';
 import { CalendarMonth, LocalOffer } from '@mui/icons-material';
 import dayjs from 'dayjs';
+import Link from 'next/link';
+import type { FC, ReactNode } from 'react';
 
 import { getPostsDetail } from 'lib';
 import type { NextPageWithLayout } from './_app';
-import Link from 'next/link';
-import { FC, ReactNode } from 'react';
 import { useLoadMore } from 'lib/hooks';
 import { TagContainer, LinkContainer } from 'components';
 

pages/post/[id].tsx

@@ -17,7 +17,7 @@ import {
   H6Title,
 } from 'components/markdown';
 import { TagContainer, LinkContainer } from 'components';
-import { NextPageWithLayout } from '../_app';
+import type { NextPageWithLayout } from '../_app';
 
 const MarkdownContainer = styled(Box)(({ theme }) => ({
   padding: '0 5%',