Zod config validation (#635)

* Zod WIP

* Zod form validation

* DynamicForm testing

* Fix linting

* Delete rasterSource.ts

---------

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

src/components/PageComponents/Config/Bluetooth.tsx

@@ -1,63 +1,18 @@
-import { useAppStore } from "../../../core/stores/appStore.ts";
-import type { BluetoothValidation } from "@app/validation/config/bluetooth.ts";
+import {
+  type BluetoothValidation,
+  BluetoothValidationSchema,
+} from "@app/validation/config/bluetooth.ts";
 import { create } from "@bufbuild/protobuf";
 import { DynamicForm } from "@components/Form/DynamicForm.tsx";
 import { useDevice } from "@core/stores/deviceStore.ts";
 import { Protobuf } from "@meshtastic/core";
-import { useState } from "react";
 import { useTranslation } from "react-i18next";
 
 export const Bluetooth = () => {
   const { config, setWorkingConfig } = useDevice();
-  const {
-    hasErrors,
-    getErrorMessage,
-    hasFieldError,
-    addError,
-    removeError,
-    clearErrors,
-  } = useAppStore();
   const { t } = useTranslation("deviceConfig");
 
-  const [bluetoothPin, setBluetoothPin] = useState(
-    config?.bluetooth?.fixedPin.toString() ?? "",
-  );
-
-  const validateBluetoothPin = (pin: string) => {
-    // if empty show error they need a pin set
-    if (pin === "") {
-      return addError("fixedPin", t("bluetooth.validation.pinRequired"));
-    }
-
-    // clear any existing errors
-    clearErrors();
-
-    // if it starts with 0 show error
-    if (pin[0] === "0") {
-      return addError(
-        "fixedPin",
-        t("bluetooth.validation.pinCannotStartWithZero"),
-      );
-    }
-    // if it's not 6 digits show error
-    if (pin.length < 6) {
-      return addError("fixedPin", t("bluetooth.validation.pinMustBeSixDigits"));
-    }
-
-    removeError("fixedPin");
-  };
-
-  const bluetoothPinChangeEvent = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const numericValue = e.target.value.replace(/\D/g, "").slice(0, 6);
-    setBluetoothPin(numericValue);
-    validateBluetoothPin(numericValue);
-  };
-
   const onSubmit = (data: BluetoothValidation) => {
-    if (hasErrors()) {
-      return;
-    }
-
     setWorkingConfig(
       create(Protobuf.Config.ConfigSchema, {
         payloadVariant: {
@@ -71,6 +26,8 @@ export const Bluetooth = () => {
   return (
     <DynamicForm<BluetoothValidation>
       onSubmit={onSubmit}
+      validationSchema={BluetoothValidationSchema}
+      formId="Config_BluetoothConfig"
       defaultValues={config.bluetooth}
       fieldGroups={[
         {
@@ -89,12 +46,6 @@ export const Bluetooth = () => {
               name: "mode",
               label: t("bluetooth.pairingMode.label"),
               description: t("bluetooth.pairingMode.description"),
-              selectChange: (e) => {
-                if (e !== "1") {
-                  setBluetoothPin("");
-                  removeError("fixedPin");
-                }
-              },
               disabledBy: [
                 {
                   fieldName: "enabled",
@@ -110,24 +61,6 @@ export const Bluetooth = () => {
               name: "fixedPin",
               label: t("bluetooth.pin.label"),
               description: t("bluetooth.pin.description"),
-              validationText: hasFieldError("fixedPin")
-                ? getErrorMessage("fixedPin")
-                : "",
-              inputChange: bluetoothPinChangeEvent,
-              disabledBy: [
-                {
-                  fieldName: "mode",
-                  selector: Protobuf.Config.Config_BluetoothConfig_PairingMode
-                    .FIXED_PIN,
-                  invert: true,
-                },
-                {
-                  fieldName: "enabled",
-                },
-              ],
-              properties: {
-                value: bluetoothPin,
-              },
             },
           ],
         },