Revert dynamic adding #app DIV

Signed-off-by: Sebastian Malton <sebastian@malton.name>

packages/core/src/renderer/before-frame-starts/runnables/setup-root-mac-class.injectable.ts

@@ -15,7 +15,7 @@ const setupRootMacClassnameInjectable = getInjectable({
       const isMac = di.inject(isMacInjectable);
       const rootElem = di.inject(rootElementInjectable);
 
-      rootElem.classList.toggle("is-mac", isMac);
+      rootElem?.classList.toggle("is-mac", isMac);
     },
   }),
   injectionToken: beforeFrameStartsSecondInjectionToken,

packages/core/src/renderer/template.html

@@ -6,6 +6,7 @@
 </head>
 
 <body>
+  <div id="app"></div>
   <div id="terminal-init"></div>
 </body>
 

packages/core/src/renderer/window/root-element.injectable.ts

@@ -3,22 +3,10 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import isMacInjectable from "../../common/vars/is-mac.injectable";
 
 const rootElementInjectable = getInjectable({
   id: "root-element",
-  instantiate: (di) => {
-    const isMac = di.inject(isMacInjectable);
-
-    const rootElement = document.createElement("div");
-
-    rootElement.id = "app";
-    rootElement.classList.toggle("is-mac", isMac);
-
-    document.getElementsByTagName("body")[0].append(rootElement);
-
-    return rootElement;
-  },
+  instantiate: () => document.getElementById("app"),
 });
 
 export default rootElementInjectable;