Fix frontend HMR so the page doesn't break upon saving TS files and restructure frontend architecture (#3871)

* Clean up component setup/tear-down side effects

* Clean up more component setup/tear-down side effects

* Remove nonfunctional debouncer

* Clean up even more component setup/tear-down side effects

* Reuse backend state

* Fix HMR for IO Managers and for State Providers

* Rename IO Managers -> Managers and State Providers -> Stores

* Restructure and partially flatten managers/stores

* Code review fixes

* Review fixes

frontend/src/managers/hyperlink.ts

@@ -0,0 +1,27 @@
+import type { Editor } from "@graphite/editor";
+
+let currentCleanup: (() => void) | undefined;
+let currentArgs: [Editor] | undefined;
+
+export function createHyperlinkManager(editor: Editor) {
+	currentArgs = [editor];
+
+	// Subscribe to process backend event
+	editor.subscriptions.subscribeFrontendMessage("TriggerVisitLink", async (data) => {
+		window.open(data.url, "_blank", "noopener");
+	});
+
+	function destroy() {
+		editor.subscriptions.unsubscribeFrontendMessage("TriggerVisitLink");
+	}
+
+	currentCleanup = destroy;
+	return { destroy };
+}
+export type HyperlinkManager = ReturnType<typeof createHyperlinkManager>;
+
+// Self-accepting HMR: tear down the old instance and re-create with the new module's code
+import.meta.hot?.accept((newModule) => {
+	currentCleanup?.();
+	if (currentArgs) newModule?.createHyperlinkManager(...currentArgs);
+});