fix: cleanup

frontend/src/components/reader/ReadingSettingsPanel.tsx

@@ -12,6 +12,7 @@ import type {
   ThemePreset,
 } from "../../types/reader";
 import type { SettingsPersistMode } from "../../hooks/useReadingSettings";
+import { PanelCloseButton } from "./PanelCloseButton";
 
 interface ReadingSettingsPanelProps {
   format?: "epub" | "pdf";
@@ -89,17 +90,11 @@ export default function ReadingSettingsPanel({
       >
         <div className="settings-header">
           <h2 className="settings-title">{t("reader.settingsTitle")}</h2>
-          <button
-            type="button"
+          <PanelCloseButton
             className="settings-close-btn"
             onClick={handleClose}
-            aria-label={t("reader.closeSettingsAria")}
-          >
-            <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.closeSettingsAria")}
+          />
         </div>
 
         <div className="settings-body">
@@ -124,7 +119,7 @@ export default function ReadingSettingsPanel({
           {format === "pdf" && onPdfScaleChange && (
             <section className="settings-section">
               <h3 className="settings-section-title">
-                {t("reader.pdfZoom", { value: Math.round(pdfScale * 100) })}
+                {t("reader.pdfZoom", { value: String(Math.round(pdfScale * 100)) })}
               </h3>
               <input
                 type="range"