refactor: move romaji overrides into dedicated modal, fix placeholders

src/main.js

@@ -47,6 +47,7 @@ import {
   _pickTheme,
   toggleInfoEdit, onInfoArtFile, autofillMusicBrainz, autofillItunes, saveMetadata, deleteSong,
   addRomajiOverrideUI, removeRomajiOverrideUI,
+  openRomajiOverridesModal, closeRomajiOverridesModal,
 } from './ui.js';
 
 // ─── CONNECT ───
@@ -325,6 +326,7 @@ Object.assign(window, {
   toggleMobileSearch, closeMobileSearch, switchSetupTab,
   toggleNotifPanel, deleteNotif, clearNotifs, _notifNavigate, _pickTheme,
   addRomajiOverrideUI, removeRomajiOverrideUI,
+  openRomajiOverridesModal, closeRomajiOverridesModal,
   // App
   doConnect, disconnect,
   // Audiobookshelf

src/ui.js

@@ -51,7 +51,6 @@ export function openSettings() {
   document.getElementById('s-show-romaji').classList.toggle('on', !!S.cfg.showRomaji);
   document.getElementById('s-cover-color-bg').classList.toggle('on', !!S.cfg.coverColorBg);
   _renderThemePicker();
-  _renderRomajiOverrides();
   document.getElementById('settings-modal').classList.add('open');
   checkBackend();
 }
@@ -116,6 +115,13 @@ export function removeRomajiOverrideUI(kanji) {
   removeRomajiOverride(kanji);
   _renderRomajiOverrides();
 }
+export function openRomajiOverridesModal() {
+  _renderRomajiOverrides();
+  document.getElementById('romaji-overrides-modal').classList.add('open');
+}
+export function closeRomajiOverridesModal() {
+  document.getElementById('romaji-overrides-modal').classList.remove('open');
+}
 
 export function closeSettings() { document.getElementById('settings-modal').classList.remove('open'); }
 export async function confirmDisconnect() {