File tree to act more like VS Code's file tree (#4392)

* File tree acts as VS Code's file tree

* Adjust test for new expectations

* Remove screenshot

* Actually remove this screenshot

* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores)

* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores)

* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores)

* A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores)

* A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores)

* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores)

* A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores)

* A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores)

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

src/components/ModelingSidebar/ModelingPanes/DebugPane.tsx

@@ -5,16 +5,18 @@ import { CamDebugSettings } from 'clientSideScene/ClientSideSceneComp'
 
 export const DebugPane = () => {
   return (
-    <section
-      data-testid="debug-panel"
-      className="absolute inset-0 p-2 box-border overflow-auto"
-    >
-      <div className="flex flex-col">
-        <EngineCommands />
-        <CamDebugSettings />
-        <AstExplorer />
-        <DebugFeatureTree />
-      </div>
-    </section>
+    <div className="relative">
+      <section
+        data-testid="debug-panel"
+        className="absolute inset-0 p-2 box-border overflow-auto"
+      >
+        <div className="flex flex-col">
+          <EngineCommands />
+          <CamDebugSettings />
+          <AstExplorer />
+          <DebugFeatureTree />
+        </div>
+      </section>
+    </div>
   )
 }