Config form improvements (#652)

* Config reset work WIP

* Config reset WIP

* Fix tests, tsc, linting

* Form reset adjustments

* Add ManagedModeDialog

* Remove debug logging

* Add Suspense

* Review fixes

---------

Co-authored-by: philon- <philon-@users.noreply.github.com>

src/components/PageComponents/Config/Network/index.tsx

@@ -3,7 +3,10 @@ import {
   NetworkValidationSchema,
 } from "@app/validation/config/network.ts";
 import { create } from "@bufbuild/protobuf";
-import { DynamicForm } from "@components/Form/DynamicForm.tsx";
+import {
+  DynamicForm,
+  type DynamicFormFormInit,
+} from "@components/Form/DynamicForm.tsx";
 import { useDevice } from "@core/stores/deviceStore.ts";
 import {
   convertIntToIpAddress,
@@ -11,35 +14,50 @@ import {
 } from "@core/utils/ip.ts";
 import { Protobuf } from "@meshtastic/core";
 import { useTranslation } from "react-i18next";
+import { deepCompareConfig } from "@core/utils/deepCompareConfig.ts";
 
-export const Network = () => {
-  const { config, setWorkingConfig } = useDevice();
+interface NetworkConfigProps {
+  onFormInit: DynamicFormFormInit<NetworkValidation>;
+}
+export const Network = ({ onFormInit }: NetworkConfigProps) => {
+  const { config, setWorkingConfig, getEffectiveConfig, removeWorkingConfig } =
+    useDevice();
   const { t } = useTranslation("deviceConfig");
+
+  const networkConfig = getEffectiveConfig("network");
+
   const onSubmit = (data: NetworkValidation) => {
+    const payload = {
+      ...data,
+      ipv4Config: create(
+        Protobuf.Config.Config_NetworkConfig_IpV4ConfigSchema,
+        {
+          ip: convertIpAddressToInt(data.ipv4Config?.ip ?? ""),
+          gateway: convertIpAddressToInt(data.ipv4Config?.gateway ?? ""),
+          subnet: convertIpAddressToInt(data.ipv4Config?.subnet ?? ""),
+          dns: convertIpAddressToInt(data.ipv4Config?.dns ?? ""),
+        },
+      ),
+    };
+
+    if (deepCompareConfig(config.network, payload, true)) {
+      removeWorkingConfig("network");
+      return;
+    }
+
     setWorkingConfig(
       create(Protobuf.Config.ConfigSchema, {
         payloadVariant: {
           case: "network",
-          value: {
-            ...data,
-            ipv4Config: create(
-              Protobuf.Config.Config_NetworkConfig_IpV4ConfigSchema,
-              {
-                ip: convertIpAddressToInt(data.ipv4Config?.ip ?? ""),
-                gateway: convertIpAddressToInt(data.ipv4Config?.gateway ?? ""),
-                subnet: convertIpAddressToInt(data.ipv4Config?.subnet ?? ""),
-                dns: convertIpAddressToInt(data.ipv4Config?.dns ?? ""),
-              },
-            ),
-          },
+          value: payload,
         },
       }),
     );
   };
-
   return (
     <DynamicForm<NetworkValidation>
       onSubmit={onSubmit}
+      onFormInit={onFormInit}
       validationSchema={NetworkValidationSchema}
       formId="Config_NetworkConfig"
       defaultValues={{
@@ -57,6 +75,21 @@ export const Network = () => {
         enabledProtocols: config.network?.enabledProtocols ??
           Protobuf.Config.Config_NetworkConfig_ProtocolFlags.NO_BROADCAST,
       }}
+      values={{
+        ...networkConfig,
+        ipv4Config: {
+          ip: convertIntToIpAddress(networkConfig?.ipv4Config?.ip ?? 0),
+          gateway: convertIntToIpAddress(
+            networkConfig?.ipv4Config?.gateway ?? 0,
+          ),
+          subnet: convertIntToIpAddress(
+            networkConfig?.ipv4Config?.subnet ?? 0,
+          ),
+          dns: convertIntToIpAddress(networkConfig?.ipv4Config?.dns ?? 0),
+        },
+        enabledProtocols: networkConfig?.enabledProtocols ??
+          Protobuf.Config.Config_NetworkConfig_ProtocolFlags.NO_BROADCAST,
+      } as NetworkValidation}
       fieldGroups={[
         {
           label: t("network.title"),