modem settings management: integrate ModemSettings and ModemToggle components, update hooks for modem configuration, and enhance WiFiSettingsForm submission handling.

src/types/types.ts

@@ -267,19 +267,25 @@ export type WifiSettingValues = {
   password: string;
   encryption: string;
 };
+export type ModemConfigPayload = {
+  property: string;
+  value: string;
+};
+export type WifiConfigPayload = {
+  property: string;
+  value: string;
+};
 
 export type WifiConfig = {
   id: string;
-  configHash: string;
-  propSSID: {
-    value: string;
-    datatype: string;
-  };
-  propPassword: {
-    value: string;
-    datatype: string;
-  };
+  fields: WifiConfigPayload[];
 };
+
+export type ModemConfig = {
+  id: string;
+  fields: ModemConfigPayload[];
+};
+
 export type ZoomInOptions = {
   camera: string;
   multiplier: number;
@@ -288,3 +294,10 @@ export type ZoomInOptions = {
 export type zoomConfig = {
   camera: string;
 };
+
+export type ModemSettingsType = {
+  apn: string;
+  username: string;
+  password: string;
+  authenticationType: string;
+};