fix: fix searching logic, drag handle (#964)

Author: olzhik11

frontend/components/traces/span-view/common.tsx

@@ -43,15 +43,15 @@ export const ResizableWrapper = ({
       }}
       handleComponent={{
         bottom: (
-          <div className="flex items-center justify-center w-full h-2 cursor-ns-resize hover:bg-accent/50 transition-colors group">
+          <div className="flex items-center justify-center w-full h-2">
             <GripHorizontal className="w-4 h-4 text-muted-foreground" />
           </div>
         ),
       }}
       handleStyles={{
         bottom: {
           bottom: 0,
-          height: "8px",
+          height: "4px",
           cursor: "ns-resize",
         },
       }}

frontend/components/traces/trace-view/index.tsx

@@ -1,5 +1,5 @@
 import { get } from "lodash";
-import { AlertTriangle, ChartNoAxesGantt, FileText,ListFilter, Minus, Plus, Search, Sparkles } from "lucide-react";
+import { AlertTriangle, ChartNoAxesGantt, FileText, ListFilter, Minus, Plus, Search, Sparkles } from "lucide-react";
 import { useParams, usePathname, useRouter, useSearchParams } from "next/navigation";
 import React, { useCallback, useEffect, useMemo } from "react";
 
@@ -300,7 +300,7 @@ const PureTraceView = ({ traceId, spanId, onClose, propsTrace }: TraceViewProps)
     setSearchEnabled(!searchEnabled);
   }, [fetchSpans, searchEnabled, setSearch, setSearchEnabled, search]);
 
-  const isLoading = isTraceLoading || (isSpansLoading && !traceError && !spansError);
+  const isLoading = isTraceLoading && !trace;
 
   useEffect(() => {
     if (!isSpansLoading) {