fix(#1999): fix querySelector for the themeSwitcher after adding search

Author: majornista

packages/dev/docs/src/client.js

@@ -69,9 +69,9 @@ function Hamburger() {
   let hamburgerButtonRef = useRef(null);
 
   let onPress = (event) => {
-    let nav = document.querySelector('.' + docsStyle.nav);
+    let nav = document.querySelector(`.${docsStyle.nav}`);
     let main = document.querySelector('main');
-    let themeSwitcher = event.target.parentElement.nextElementSibling;
+    let themeSwitcher = document.querySelector(`header.${docsStyle.pageHeader} > div:last-of-type`);
 
     nav.classList.toggle(docsStyle.visible);
 
@@ -93,10 +93,10 @@ function Hamburger() {
 
   useEffect(() => {
     let mediaQueryList = window.matchMedia('(max-width: 1020px)');
-    let nav = document.querySelector('.' + docsStyle.nav);
+    let nav = document.querySelector(`.${docsStyle.nav}`);
     let main = document.querySelector('main');
     let hamburgerButton = hamburgerButtonRef.current;
-    let themeSwitcher = hamburgerRef.current.nextElementSibling;
+    let themeSwitcher = document.querySelector(`header.${docsStyle.pageHeader} > div:last-of-type`);
 
     let removeVisible = (isNotResponsive = false) => {
       setIsPressed(false);