Virtualize the docs sidebar with react-arborist

frontend/i18n/fa/code.json

@@ -354,5 +354,21 @@
   },
   "navbar.item.Donate": {
     "message": "حمایت مالی"
+  },
+  "theme.docs.sidebar.filterPlaceholder": {
+    "message": "فیلتر مستندات",
+    "description": "Placeholder for the docs sidebar filter input"
+  },
+  "theme.docs.sidebar.clearFilter": {
+    "message": "پاک کردن فیلتر",
+    "description": "ARIA label for clearing the docs sidebar filter"
+  },
+  "theme.docs.sidebar.filterNoResults": {
+    "message": "مستند مطابقی یافت نشد",
+    "description": "Title shown when the docs sidebar filter has no matches"
+  },
+  "theme.docs.sidebar.filterNoResultsHint": {
+    "message": "عبارت جستجوی دیگری را امتحان کنید.",
+    "description": "Hint shown when the docs sidebar filter has no matches"
   }
 }

frontend/i18n/id/code.json

@@ -405,5 +405,21 @@
   },
   "navbar.item.Donate": {
     "message": "Donasi"
+  },
+  "theme.docs.sidebar.filterPlaceholder": {
+    "message": "Filter dokumentasi",
+    "description": "Placeholder for the docs sidebar filter input"
+  },
+  "theme.docs.sidebar.clearFilter": {
+    "message": "Hapus filter",
+    "description": "ARIA label for clearing the docs sidebar filter"
+  },
+  "theme.docs.sidebar.filterNoResults": {
+    "message": "Tidak ada dokumen yang cocok",
+    "description": "Title shown when the docs sidebar filter has no matches"
+  },
+  "theme.docs.sidebar.filterNoResultsHint": {
+    "message": "Coba kata kunci lain.",
+    "description": "Hint shown when the docs sidebar filter has no matches"
   }
 }

frontend/i18n/pt-BR/code.json

@@ -696,5 +696,21 @@
   "notFound.servers": {
     "message": "Servidores",
     "description": "404 page servers button"
+  },
+  "theme.docs.sidebar.filterPlaceholder": {
+    "message": "Filtrar documentação",
+    "description": "Placeholder for the docs sidebar filter input"
+  },
+  "theme.docs.sidebar.clearFilter": {
+    "message": "Limpar filtro",
+    "description": "ARIA label for clearing the docs sidebar filter"
+  },
+  "theme.docs.sidebar.filterNoResults": {
+    "message": "Nenhum documento correspondente",
+    "description": "Title shown when the docs sidebar filter has no matches"
+  },
+  "theme.docs.sidebar.filterNoResultsHint": {
+    "message": "Tente outro termo de pesquisa.",
+    "description": "Hint shown when the docs sidebar filter has no matches"
   }
 }

frontend/i18n/th/code.json

@@ -405,5 +405,21 @@
   },
   "navbar.item.Donate": {
     "message": "บริจาค"
+  },
+  "theme.docs.sidebar.filterPlaceholder": {
+    "message": "กรองเอกสาร",
+    "description": "Placeholder for the docs sidebar filter input"
+  },
+  "theme.docs.sidebar.clearFilter": {
+    "message": "ล้างตัวกรอง",
+    "description": "ARIA label for clearing the docs sidebar filter"
+  },
+  "theme.docs.sidebar.filterNoResults": {
+    "message": "ไม่พบเอกสารที่ตรงกัน",
+    "description": "Title shown when the docs sidebar filter has no matches"
+  },
+  "theme.docs.sidebar.filterNoResultsHint": {
+    "message": "ลองใช้คำค้นหาอื่น",
+    "description": "Hint shown when the docs sidebar filter has no matches"
   }
 }

frontend/i18n/tr/code.json

@@ -354,5 +354,21 @@
   },
   "navbar.item.Donate": {
     "message": "Bağış Yap"
+  },
+  "theme.docs.sidebar.filterPlaceholder": {
+    "message": "Belgeleri filtrele",
+    "description": "Placeholder for the docs sidebar filter input"
+  },
+  "theme.docs.sidebar.clearFilter": {
+    "message": "Filtreyi temizle",
+    "description": "ARIA label for clearing the docs sidebar filter"
+  },
+  "theme.docs.sidebar.filterNoResults": {
+    "message": "Eşleşen belge yok",
+    "description": "Title shown when the docs sidebar filter has no matches"
+  },
+  "theme.docs.sidebar.filterNoResultsHint": {
+    "message": "Farklı bir arama terimi deneyin.",
+    "description": "Hint shown when the docs sidebar filter has no matches"
   }
 }

frontend/i18n/uk/code.json

@@ -354,5 +354,21 @@
   },
   "navbar.item.Donate": {
     "message": "Донат"
+  },
+  "theme.docs.sidebar.filterPlaceholder": {
+    "message": "Фільтрувати документацію",
+    "description": "Placeholder for the docs sidebar filter input"
+  },
+  "theme.docs.sidebar.clearFilter": {
+    "message": "Очистити фільтр",
+    "description": "ARIA label for clearing the docs sidebar filter"
+  },
+  "theme.docs.sidebar.filterNoResults": {
+    "message": "Немає відповідних документів",
+    "description": "Title shown when the docs sidebar filter has no matches"
+  },
+  "theme.docs.sidebar.filterNoResultsHint": {
+    "message": "Спробуйте інший пошуковий запит.",
+    "description": "Hint shown when the docs sidebar filter has no matches"
   }
 }

frontend/i18n/zh-CN/code.json

@@ -124,6 +124,22 @@
     "message": "返回顶部",
     "description": "返回顶部按钮的ARIA标签"
   },
+  "theme.docs.sidebar.filterPlaceholder": {
+    "message": "筛选文档",
+    "description": "文档侧边栏筛选输入框的占位文本"
+  },
+  "theme.docs.sidebar.clearFilter": {
+    "message": "清除筛选",
+    "description": "清除文档侧边栏筛选的ARIA标签"
+  },
+  "theme.docs.sidebar.filterNoResults": {
+    "message": "没有匹配的文档",
+    "description": "文档侧边栏筛选无结果时显示的标题"
+  },
+  "theme.docs.sidebar.filterNoResultsHint": {
+    "message": "换个关键词试试。",
+    "description": "文档侧边栏筛选无结果时显示的提示"
+  },
   "theme.blog.archive.title": {
     "message": "归档",
     "description": "博客归档页面的页面标题和主标题"

frontend/package.json

@@ -24,6 +24,9 @@
     "nprogress": "^0.2.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.3.1",
+    "react-arborist": "^4.0.1",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.4.0",
     "react-router-dom": "^7.1.5",

frontend/src/components/BackToTopButton/ArrowUpIcon.tsx

@@ -0,0 +1,15 @@
+import {type ReactNode} from 'react';
+
+export default function ArrowUpIcon(): ReactNode {
+  return (
+    <svg aria-hidden="true" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M8 13V3m-4 4 4-4 4 4"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+      />
+    </svg>
+  );
+}