refactor: migrate coastline settings editor to TypeScript and update dialog title

Co-authored-by: Copilot <copilot@github.com>

Author: Azgaar

public/modules/ui/editors.js

@@ -1007,8 +1007,8 @@ async function editReligions() {
   Editor.open();
 }
 
-async function editCoastlineSettings() {
+// TS-migrated editors. TODO: import from module when editors.js is migrated to TS
+function editCoastlineSettings() {
   if (customization) return;
-  const Editor = await import("../dynamic/editors/coastline-editor.js?v=1.118.0");
-  Editor.open();
+  window.CoastlineEditor.open();
 }

src/controllers/coastline-editor.ts

@@ -113,10 +113,10 @@ export function open(): void {
   closeDialogs("#culturesEditor, .stable");
 
   $("#coastlineSettingsDialog").dialog({
-    title: "Coastline Advanced Settings",
+    title: "Coastline Settings Editor",
     resizable: false,
     width: "auto",
-    position: {my: "center", at: "center", of: "svg"}
+    position: {my: "right top", at: "right-10 top+10", of: "svg"}
   });
 }
 
@@ -337,4 +337,10 @@ function drawShapePreview(canvas: HTMLCanvasElement): void {
   }
 }
 
+declare global {
+  interface Window {
+    CoastlineEditor: {open: () => void};
+  }
+}
 
+window.CoastlineEditor = {open};