sidebar จอกลางเป็นคอลัมน์ + bookmark row hover แยกแถว + PDF fit จอเล็ก

- overlay sidebar ลด breakpoint จาก xl (1280) เป็น lg (1024): จอ 1024-1280
  เปิดแผงข้างแล้ว content ขยับไปข้าง ๆ ไม่ลอยทับบัง PDF
- overlay บนจอ < lg กว้างเป็นสัดส่วนของจอ (75vw, cap 288px) กันบังเกือบเต็มมือถือ
- ลบการปิด sidebar อัตโนมัติตอน mount บนจอเล็ก (ต้องกดปิดเองเท่านั้น)
- PDF fit ความกว้างอัตโนมัติครั้งเดียวตอนโหลดเมื่อพื้นที่แคบกว่าหน้ากระดาษ
- รายการ bookmark: ย้ายพื้นหลัง hover จาก li (ครอบ <ul> ลูกทั้งก้อน ชี้ลูกแล้ว
  :hover ของแม่ทำงานด้วย ไฮไลต์ทั้ง subtree) ลง div แถวรายการ ให้ไฮไลต์เฉพาะแถว

Co-Authored-By: Claude Code <noreply@anthropic.com>

components/sidebar/AnnotationSidebar.tsx

@@ -327,15 +327,13 @@ export default function AnnotationSidebar({
               3,
         )
       : [];
+    // พื้นหลัง hover อยู่ที่ div แถวรายการ ไม่ใช่ li — li ครอบ <ul> ลูกทั้งก้อน
+    // ทำให้ :hover ของแม่ทำงานด้วยเมื่อชี้รายการลูก (ไฮไลต์ทั้ง subtree เป็นก้อนเดียว)
+    const pad = depth === 1 ? "px-1" : `pr-1 ${depth === 2 ? "pl-5" : "pl-9"}`;
     return (
-      <li
-        key={b.id}
-        className={`group rounded hover:bg-slate-100 ${
-          depth === 1 ? "px-1 py-0.5" : `py-0.5 pr-1 ${depth === 2 ? "pl-5" : "pl-9"}`
-        }`}
-      >
+      <li key={b.id}>
         {eb ? (
-          <div className="py-1">
+          <div className={`rounded py-1 ${pad}`}>
             <input
               autoFocus
               value={eb.title}
@@ -394,7 +392,7 @@ export default function AnnotationSidebar({
             </div>
           </div>
         ) : (
-          <div className="flex items-center gap-1.5 py-1">
+          <div className={`group flex items-center gap-1.5 rounded py-1 hover:bg-slate-100 ${pad}`}>
             {hasChildren ? (
               <button
                 type="button"