Refactor/nav (#526)

Moved Searchbar inside panel contents, so it hides when phone menu is
collapsed.


<img width="300" height="auto" alt="Screenshot 2025-07-16 at 6 08 20 AM"
src="https://github.com/user-attachments/assets/3d47b441-3a5d-42e5-a654-77e5a8b74cd6"
/>
<img width="300" height="auto" alt="Screenshot 2025-07-16 at 6 07 24 AM"
src="https://github.com/user-attachments/assets/d41846b2-cd86-4eee-b47d-8f954fa7451c"
/>
<img width="500" height="auto" alt="Screenshot 2025-07-16 at 6 07 35 AM"
src="https://github.com/user-attachments/assets/63f33ecb-5dc4-4cd9-93a7-757c1ce8e46c"
/>

Related to #379

---------

Co-authored-by: yashrajbharticybtekk <[email protected]>

Author: yashrajbharti

index.html

@@ -33,30 +33,30 @@
         <h1>
           <a href="./">WebGPU Samples</a>
         </h1>
-        <search>
-          <hr />
-          <label>
-            <svg
-              width="24px"
-              height="24px"
-              viewBox="0 0 1024 1024"
-              class="icon"
-              version="1.1"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <title>Search</title>
-              <path
-                d="M448 768A320 320 0 1 0 448 128a320 320 0 0 0 0 640z m297.344-76.992l214.592 214.592-54.336 54.336-214.592-214.592a384 384 0 1 1 54.336-54.336z"
-                fill="currentColor"
-              />
-            </svg>
-            <input type="search" name="search" />
-          </label>
-          <hr />
-        </search>
         <input type="checkbox" id="menuToggle">
         <label class="expand" for="menuToggle"></label>
         <div class="panelContents">
+          <search>
+            <hr />
+            <label>
+              <svg
+                width="24px"
+                height="24px"
+                viewBox="0 0 1024 1024"
+                class="icon"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <title>Search</title>
+                <path
+                  d="M448 768A320 320 0 1 0 448 128a320 320 0 0 0 0 640z m297.344-76.992l214.592 214.592-54.336 54.336-214.592-214.592a384 384 0 1 1 54.336-54.336z"
+                  fill="currentColor"
+                />
+              </svg>
+              <input type="search" name="search" />
+            </label>
+            <hr />
+          </search>
           <a href="https://github.com/webgpu/webgpu-samples">
               Github
           </a>