enhance web UI with retrieval testing and UI improvements

lightrag_webui/src/components/ThemeToggle.tsx

@@ -19,6 +19,7 @@ export default function ThemeToggle() {
         variant={controlButtonVariant}
         tooltip="Switch to light theme"
         size="icon"
+        side="bottom"
       >
         <MoonIcon />
       </Button>
@@ -30,6 +31,7 @@ export default function ThemeToggle() {
       variant={controlButtonVariant}
       tooltip="Switch to dark theme"
       size="icon"
+      side="bottom"
     >
       <SunIcon />
     </Button>

lightrag_webui/src/components/document/ClearDocumentsDialog.tsx

@@ -15,7 +15,7 @@ import { clearDocuments } from '@/api/lightrag'
 import { EraserIcon } from 'lucide-react'
 
 export default function ClearDocumentsDialog() {
-  const [open, setOpen] = useState(false) // 添加状态控制
+  const [open, setOpen] = useState(false)
 
   const handleClear = useCallback(async () => {
     try {
@@ -34,8 +34,8 @@ export default function ClearDocumentsDialog() {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <Button variant="outline" tooltip="Clear documents" side="bottom" size="icon">
-          <EraserIcon />
+        <Button variant="outline" side="bottom" tooltip='Clear documents' size="sm">
+          <EraserIcon/> Clear
         </Button>
       </DialogTrigger>
       <DialogContent className="sm:max-w-xl" onCloseAutoFocus={(e) => e.preventDefault()}>

lightrag_webui/src/components/document/UploadDocumentsDialog.tsx

@@ -66,8 +66,8 @@ export default function UploadDocumentsDialog() {
       }}
     >
       <DialogTrigger asChild>
-        <Button variant="outline" tooltip="Upload documents" side="bottom" size="icon">
-          <UploadIcon />
+        <Button variant="default" side="bottom" tooltip='Upload documents' size="sm">
+          <UploadIcon /> Upload
         </Button>
       </DialogTrigger>
       <DialogContent className="sm:max-w-xl" onCloseAutoFocus={(e) => e.preventDefault()}>

lightrag_webui/src/components/ui/Table.tsx

@@ -56,6 +56,7 @@ TableRow.displayName = 'TableRow'
 const TableHead = React.forwardRef<
   HTMLTableCellElement,
   React.ThHTMLAttributes<HTMLTableCellElement>
+// eslint-disable-next-line react/prop-types
 >(({ className, ...props }, ref) => (
   <th
     ref={ref}
@@ -71,6 +72,7 @@ TableHead.displayName = 'TableHead'
 const TableCell = React.forwardRef<
   HTMLTableCellElement,
   React.TdHTMLAttributes<HTMLTableCellElement>
+  // eslint-disable-next-line react/prop-types
 >(({ className, ...props }, ref) => (
   <td
     ref={ref}