Add Adminer login hint

public/app.ts

@@ -51,6 +51,9 @@ const localDbInputs = document.querySelectorAll("#localDbFields input");
 const testLocalDbButton = document.querySelector("#testLocalDbButton");
 const localDbTestResult = document.querySelector("#localDbTestResult");
 const openDbGateButton = document.querySelector("#openDbGateButton");
+const adminerServerValue = document.querySelector("#adminerServerValue");
+const adminerUserValue = document.querySelector("#adminerUserValue");
+const adminerDatabaseValue = document.querySelector("#adminerDatabaseValue");
 const lightContrastSelect = document.querySelector("#lightContrastSelect");
 const darkContrastSelect = document.querySelector("#darkContrastSelect");
 const catalogScreen = document.querySelector(".catalog-screen");
@@ -1105,6 +1108,7 @@ function loadDatabaseMode() {
   }
   syncDatabasePermissions(mode);
   syncLocalDbFields(mode);
+  syncAdminerLoginHint();
   renderDatabaseModeNote(mode);
   refreshDatabaseStatusLabel();
 }
@@ -1123,6 +1127,17 @@ function saveLocalDbSettings() {
   const settings = {};
   for (const input of localDbInputs) settings[input.id] = input.value;
   localStorage.setItem("catalog-maker:local-db-settings", JSON.stringify(settings));
+  syncAdminerLoginHint();
+}
+
+function syncAdminerLoginHint() {
+  const host = document.querySelector("#localDbHost")?.value || "127.0.0.1";
+  const port = document.querySelector("#localDbPort")?.value || "3306";
+  const user = document.querySelector("#localDbUser")?.value || "root";
+  const catalogDb = document.querySelector("#localDbName")?.value || "9bplus";
+  adminerServerValue.textContent = `${host}:${port}`;
+  adminerUserValue.textContent = user;
+  adminerDatabaseValue.textContent = `${catalogDb} / catalog_scrape`;
 }
 
 async function testLocalDbConnection() {