Fix duplicate context call and hidden layer keyboard focus

- Merge two use(EditorContext) calls into one in SearchContent
- Add visibility: hidden to inactive sidebar content layer to prevent
  keyboard focus reaching invisible elements

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

Author: kube

libs/@hashintel/petrinaut/src/views/Editor/panels/LeftSideBar/panel.tsx

@@ -65,6 +65,7 @@ const contentLayerStyle = cva({
       false: {
         opacity: "0",
         pointerEvents: "none",
+        visibility: "hidden",
       },
     },
     direction: {

libs/@hashintel/petrinaut/src/views/Editor/panels/LeftSideBar/subviews/search-panel.tsx

@@ -202,15 +202,17 @@ function useSearchableItems(): SearchableItem[] {
 // -- Components ---------------------------------------------------------------
 
 const SearchContent: React.FC = () => {
-  const { isSelected: checkIsSelected, selectItem } = use(EditorContext);
+  const {
+    isSelected: checkIsSelected,
+    selectItem,
+    searchInputRef,
+  } = use(EditorContext);
   const allItems = useSearchableItems();
   const [query, setQuery] = useState("");
   const [focusedIndex, setFocusedIndex] = useState<number | null>(null);
   const listRef = useRef<HTMLDivElement>(null);
   const rowRefs = useRef<(HTMLDivElement | null)[]>([]);
 
-  const { searchInputRef } = use(EditorContext);
-
   // Sync query from the input (the input lives in SearchTitle, so we read its value)
   useEffect(() => {
     const input = searchInputRef.current;