Refactor (#862)

* Initial factoring out of parts of the LayerUI component

2360 → 2224 LOC

* Create a Section component

* Break up src/index.tsx

* Refactor actions to reduce duplication, fix CSS

Also consolidate icons

* Move scene/data.ts to its own directory

* Fix accidental reverts, banish further single-character variables

* ACTIVE_ELEM_COLOR → ACTIVE_ELEMENT_COLOR

* Further refactoring the icons file

* Log all errors

* Pointer Event polyfill to make the tests work

* add test hooks & fix tests

Co-authored-by: dwelle <luzar.david@gmail.com>

src/actions/actionFinalize.tsx

@@ -1,4 +1,3 @@
-import { Action } from "./types";
 import { KEYS } from "../keys";
 import { clearSelection } from "../scene";
 import { isInvisiblySmallElement } from "../element";
@@ -7,8 +6,9 @@ import React from "react";
 import { ToolButton } from "../components/ToolButton";
 import { done } from "../components/icons";
 import { t } from "../i18n";
+import { register } from "./register";
 
-export const actionFinalize: Action = {
+export const actionFinalize = register({
   name: "finalize",
   perform: (elements, appState) => {
     let newElements = clearSelection(elements);
@@ -63,4 +63,4 @@ export const actionFinalize: Action = {
       visible={appState.multiElement != null}
     />
   ),
-};
+});