update

components/common/Header/index.tsx

@@ -21,7 +21,7 @@ export default function Header() {
     <header className={clsx("header", { open })}>
       <ClickAwayListener onClickAway={closeMenu}>
         <div className="container">
-          <Link href="/" className="logo mr-5" title="NovelDit">
+          <Link href="/" className="logo mr-5" title="NovelDit" onClick={closeMenu}>
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img src="/logo.svg" alt="NovelDit" />
             <span>NovelDit</span>
@@ -30,7 +30,7 @@ export default function Header() {
             <nav>
               <ul>
                 <li>
-                  <Link className="menu-item" href="/novels" title="Genre">
+                  <Link className="menu-item" href="/novels" title="Genre" onClick={closeMenu}>
                     <svg width="24" height="24">
                       <use href="/icons.svg#browse"></use>
                     </svg>

pages/novel/[slug]/[chapter].tsx

@@ -102,8 +102,7 @@ const Chapter: NextPageWithLayout = () => {
             </ul>
           </div>
         </div>
-
-        <div className="buttons">
+        {/* <div className="buttons">
           <button className="btn" onClick={() => toggleTheme()}>
             <svg className="icon-sun" viewBox="0 0 16 16">
               <use href="/icons.svg#sun"></use>
@@ -112,7 +111,7 @@ const Chapter: NextPageWithLayout = () => {
               <use href="/icons.svg#moon"></use>
             </svg>
           </button>
-        </div>
+        </div> */}
       </header>
       <main className={styles["chapter-main"]} onClick={handleOpenToolbar}>
         <div