ui: add gateway to settings page

client/src/app/settings/SettingsSection.tsx

@@ -69,6 +69,13 @@ export const SETTINGS_SECTIONS = [
         default: "0.0.0.0",
         widgetType: Input
       },
+      {
+        label: "Gateway *",
+        key: "dnsGateway",
+        explanation: "Gateway used for local DNS resolution, mostly hostnames.",
+        default: "",
+        widgetType: Input
+      },
       {
         label: "Port *",
         key: "dnsPort",

client/src/pages/settings.tsx

@@ -103,6 +103,10 @@ export function Settings() {
           ...prev,
           dns: { ...prev.dns, address: String(value) }
         }),
+        dnsGateway: () => ({
+          ...prev,
+          dns: { ...prev.dns, gateway: String(value) }
+        }),
         dnsPort: () => ({
           ...prev,
           dns: {
@@ -211,6 +215,7 @@ export function Settings() {
       apiPort: preferences.api.port,
       authentication: preferences.api.authentication,
       dnsAddress: preferences.dns.address,
+      dnsGateway: preferences.dns.gateway,
       dnsPort: preferences.dns.ports.udptcp,
       dotPort: preferences.dns.ports.dot,
       dohPort: preferences.dns.ports.doh,