update: ESlintのエラーが消えた

src/components/PageSEO.tsx

@@ -1,5 +1,4 @@
 import Head from "next/head";
-
 import { config } from "@site.config";
 
 // types

src/components/SiteHeader.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
+import Image from "next/image";
 import { config } from "@site.config";
-import { ThemeChanger } from '@src/components/ThemeChanger';
+import { ThemeChanger } from "@src/components/ThemeChanger";
 import { ContentWrapper } from "@src/components/ContentWrapper";
 
 export const SiteHeader: React.FC = () => (
@@ -9,8 +10,10 @@ export const SiteHeader: React.FC = () => (
       <div className="site-header__inner">
         <Link href="/" passHref>
           <a className="site-header__logo-link">
-            <img
+            <Image
               src="/logo.svg"
+              width={80}
+              height={80}
               alt={config.siteMeta.title}
               className="site-header__logo-img"
             />

src/components/ThemeChanger.tsx

@@ -1,4 +1,5 @@
-import { useTheme } from 'next-themes'
+import { useTheme } from "next-themes"
+import Image from "next/image"
 import { useState, useEffect } from "react";
 
 export const ThemeChanger = () => {
@@ -7,15 +8,15 @@ export const ThemeChanger = () => {
 
   // When mounted on client, now we can show the UI
   useEffect(() => setMounted(true), [])
-
+  const { theme, setTheme } = useTheme()
   if (!mounted) {
     return null
   }
-  const { theme, setTheme } = useTheme()
-　if(theme === 'dark'){
+
+  if(theme === 'dark'){
     return (
       <button className="theme-changer_button" onClick={() => setTheme('light')}>
-        <img
+        <Image
           src="/icons/lightmode.svg"
           alt={`ライトテーマに切り替える`}
           width={30}
@@ -27,7 +28,7 @@ export const ThemeChanger = () => {
 
   return (
     <button className="theme-changer_button" onClick={() => setTheme('dark')}>
-      <img
+      <Image
         src="/icons/darkmode.svg"
         alt={`ダークモードに切り替える`}
         width={30}