more cleanup in engine

src/Milestones/MilestoneHelpers.tsx

@@ -1,26 +0,0 @@
-import { Page, routing } from ".././ui/navigationTracking";
-import { Root } from "./ui/Root";
-import { Player } from "../Player";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-
-let milestonesContainer: HTMLElement | null = null;
-
-(function () {
-  function setContainer(): void {
-    milestonesContainer = document.getElementById("milestones-container");
-    document.removeEventListener("DOMContentLoaded", setContainer);
-  }
-
-  document.addEventListener("DOMContentLoaded", setContainer);
-})();
-
-export function displayMilestonesContent(): void {
-  if (!routing.isOn(Page.Milestones)) {
-    return;
-  }
-
-  if (milestonesContainer instanceof HTMLElement) {
-    ReactDOM.render(<Root player={Player} />, milestonesContainer);
-  }
-}

src/Milestones/ui/MilestonesRoot.tsx

@@ -16,7 +16,7 @@ function highestMilestone(p: IPlayer, milestones: Milestone[]): number {
   return n;
 }
 
-export function Root(props: IProps): JSX.Element {
+export function MilestonesRoot(props: IProps): JSX.Element {
   const n = highestMilestone(props.player, Milestones);
   const milestones = Milestones.map((milestone: Milestone, i: number) => {
     if (i <= n + 1) {