refactor: dom

app/react-components/ui.jsx

@@ -8,11 +8,11 @@ import {useDebug} from '@/context/debug.js';
 import {useEcs, useEcsTick} from '@/context/ecs.js';
 import {useMainEntity} from '@/context/main-entity.js';
 
-import Devtools from './devtools.jsx';
-import Disconnected from './disconnected.jsx';
-import Dom from './dom.jsx';
-import HotBar from './hotbar.jsx';
+import Disconnected from './dom/disconnected.jsx';
+import Dom from './dom/dom.jsx';
+import HotBar from './dom/hotbar.jsx';
 import Pixi from './pixi/pixi.jsx';
+import Devtools from './devtools.jsx';
 import styles from './ui.module.css';
 
 function emptySlots() {
@@ -380,7 +380,7 @@ export default function Ui({disconnected}) {
           camera={camera}
           scale={scale}
         />
-        <Dom devtoolsIsOpen={devtoolsIsOpen}>
+        <Dom>
           <HotBar
             active={activeSlot}
             onActivate={(i) => {