Fix: Optimized the style and functionality of multiple components #3221 (#9824)

### What problem does this PR solve?

Fix: Optimized the style and functionality of multiple components #3221

- Modified the SkeletonCard component, adding a className attribute and
adjusting the style
- Updated the RAGFlowSelect component, adding a disabled attribute
- Adjusted the style of the Tooltip component
- Optimized the layout of the RetrievalTesting and TestingResult pages
- Updated the style and loading status display of NextSearch-related
pages
- Removed unnecessary logs from the Spotlight component

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/skeleton-card.tsx

@@ -1,13 +1,16 @@
 import { Skeleton } from '@/components/ui/skeleton';
+import { cn } from '@/lib/utils';
 
-export function SkeletonCard() {
+type SkeletonCardProps = {
+  className?: string;
+};
+export function SkeletonCard(props: SkeletonCardProps) {
+  const { className } = props;
   return (
-    <div className="flex flex-col space-y-3 items-center">
-      <Skeleton className="h-[125px] w-[250px] rounded-xl" />
-      <div className="space-y-2 w-[250px]">
-        <Skeleton className="h-4 w-[250px]" />
-        <Skeleton className="h-4 w-[200px]" />
-      </div>
+    <div className={cn('space-y-2', className)}>
+      <Skeleton className="h-4 w-full bg-bg-card" />
+      <Skeleton className="h-4 w-full bg-bg-card" />
+      <Skeleton className="h-4 w-2/3 bg-bg-card" />
     </div>
   );
 }