refactor(web): extract prefetch slider into reusable RdSlider component

frontend/src/readers/CbzReader.tsx

@@ -5,6 +5,7 @@ import { useEffect, useMemo, useRef, useState, type MouseEvent } from "react";
 import { api, formatPageUrl } from "../api/client";
 import { btn } from "../components/ui";
 import { BookmarksTab } from "../components/Bookmarks";
+import { RdSlider } from "../components/rd-slider";
 import { ReaderNav, type NavTab } from "../components/reader-nav";
 import { fetchObjectUrl } from "../lib/authImage";
 import { useProgressSaver, type ReaderProps } from "../lib/useProgress";
@@ -395,25 +396,14 @@ export default function CbzReader({ book, initialLocator, initialPercent, chrome
                       </DropdownMenu.ItemIndicator>
                     </DropdownMenu.CheckboxItem>
                     {locked && (
-                      <div className="px-2.5 pb-1.5 pt-2">
-                        <div className="mb-1 text-sm">预读:锁章末尾时提前挂载其后 N 章</div>
-                        <input
-                          type="range"
-                          min={0}
-                          max={3}
-                          step={1}
-                          value={prefetch}
-                          aria-label="预读章数"
-                          className="rd-range"
-                          onChange={(e) => setPrefetch(Number(e.target.value))}
-                        />
-                        <div className="flex justify-between px-1 text-[10px] tabular-nums opacity-50" aria-hidden="true">
-                          <span>0</span>
-                          <span>1</span>
-                          <span>2</span>
-                          <span>3</span>
-                        </div>
-                      </div>
+                      <RdSlider
+                        label="预读:锁章末尾时提前挂载其后 N 章"
+                        ariaLabel="预读章数"
+                        min={0}
+                        max={3}
+                        value={prefetch}
+                        onChange={setPrefetch}
+                      />
                     )}
                   </DropdownMenu.Content>
                 </DropdownMenu.Portal>