Remove all eslint errors

Author: velopert

src/components/base/Header.tsx

@@ -84,10 +84,10 @@ const Block = styled.div`
   height: 4rem;
 `;
 
-const StyledLink = styled(Link)`
-  display: flex;
-  align-items: center;
-`;
+// const StyledLink = styled(Link)`
+//   display: flex;
+//   align-items: center;
+// `;
 
 const SearchButton = styled(Link)`
   display: flex;

src/components/common/MarkdownRender.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import styled from 'styled-components';
 import remark from 'remark';
-import htmlPlugin from 'remark-html';
+// import htmlPlugin from 'remark-html';
 import slug from 'remark-slug';
 import prismPlugin from '../../lib/remark/prismPlugin';
 import prismThemes from '../../lib/styles/prismThemes';

src/components/common/ToggleSwitch.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import styled, { css } from 'styled-components';
 import palette from '../../lib/styles/palette';
 import { useSpring, animated } from 'react-spring';
-import useDidMount from '../../lib/hooks/useDidMount';
+
 
 export type ToggleSwitchProps = {
   name?: string;

src/components/error/CrashErrorScreen.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import styled from 'styled-components';
 import ErrorScreenTemplate from './ErrorScreenTemplate';
 import { undrawBugFixing } from '../../static/images';
 import { useHistory } from 'react-router-dom';

src/components/error/ErrorScreenTemplate.tsx

@@ -19,7 +19,7 @@ function ErrorScreenTemplate({
 }: ErrorScreenTemplateProps) {
   return (
     <Screen>
-      <img src={image} alt="error-image" />
+      <img src={image} alt="error" />
       <div className="message">{message}</div>
       {buttonText && (
         <div className="button-wrapper">

src/components/main/MainTemplate.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import styled, { createGlobalStyle } from 'styled-components';
 import palette from '../../lib/styles/palette';
-import { Link } from 'react-router-dom';
 
 const BackgroundStyle = createGlobalStyle`
   body {

src/components/post/PostHead.tsx

@@ -10,7 +10,6 @@ import PopupOKCancel from '../common/PopupOKCancel';
 import media from '../../lib/styles/media';
 import TagList from '../common/TagList';
 import { Link } from 'react-router-dom';
-import { LockIcon } from '../../static/svg';
 import PrivatePostLabel from '../common/PrivatePostLabel';
 import optimizeImage from '../../lib/optimizeImage';
 

src/components/setting/SettingUserProfile.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import styled from 'styled-components';
 import palette from '../../lib/styles/palette';
 import Button from '../common/Button';

src/components/velog/SideArea.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
 import media from '../../lib/styles/media';
-import palette from '../../lib/styles/palette';
 
 export type SideAreaProps = {
   children: React.ReactNode;

src/components/write/PublishPreview.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import styled, { css } from 'styled-components';
 import PublishSection from './PublishSection';
 import palette from '../../lib/styles/palette';