fix: cleanup

frontend/src/components/reader/TableOfContents.tsx

@@ -4,6 +4,7 @@
 
 import type { KeyboardEvent } from "react";
 import { useTranslation } from "react-i18n-lite";
+import { PanelCloseButton } from "./PanelCloseButton";
 
 export interface EpubTocItem {
   label: string;
@@ -73,17 +74,11 @@ export default function TableOfContents({
       <aside className={`toc-drawer ${isOpen ? "toc-drawer--open" : ""}`}>
         <div className="toc-header">
           <h2 className="toc-title">{t("reader.tocTitle")}</h2>
-          <button
-            type="button"
+          <PanelCloseButton
             className="toc-close-btn"
             onClick={onClose}
-            aria-label={t("reader.closeTocAria")}
-          >
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-              <line x1="18" y1="6" x2="6" y2="18" />
-              <line x1="6" y1="6" x2="18" y2="18" />
-            </svg>
-          </button>
+            ariaLabel={t("reader.closeTocAria")}
+          />
         </div>
 
         <nav className="toc-list">