Refactor App and Editor events

src/Components/App/App.tsx

@@ -1,5 +1,5 @@
 import React, { Dispatch, SetStateAction, useCallback, useEffect, useRef, useState } from 'react';
-import { events as EVENTS } from '../../Events/AppEvents';
+import { events as EVENTS, UseCustomEvents } from '../../Events/AppEvents';
 import { MainMenu } from '../MainMenu/MainMenu';
 import { ContainerModel, IContainerModel } from '../../Interfaces/IContainerModel';
 import { Editor } from '../Editor/Editor';
@@ -41,38 +41,6 @@ function UseHTTPGETStatePreloading(
   });
 };
 
-function UseCustomEvents(
-  root: Element | Document,
-  appRef: React.RefObject<HTMLDivElement>,
-  setEditor: (newState: IEditorState) => void,
-  setLoaded: (loaded: boolean) => void
-): void {
-  useEffect(() => {
-    const funcs = new Map<string, () => void>();
-    for (const event of EVENTS) {
-      function Func(eventInitDict?: CustomEventInit): void {
-        return event.func(
-          root,
-          setEditor,
-          setLoaded,
-          eventInitDict
-        );
-      }
-      appRef.current?.addEventListener(event.name, Func);
-      funcs.set(event.name, Func);
-    }
-    return () => {
-      for (const event of EVENTS) {
-        const func = funcs.get(event.name);
-        if (func === undefined) {
-          continue;
-        }
-        appRef.current?.removeEventListener(event.name, func);
-      }
-    };
-  });
-}
-
 export function App(props: IAppProps): JSX.Element {
   const [isLoaded, setLoaded] = useState<boolean>(false);
   const appRef = useRef<HTMLDivElement>(null);