biome

src/components/Form/DynamicForm.tsx

@@ -101,7 +101,10 @@ export function DynamicForm<T extends FieldValues>({
               key={field.label}
               label={field.label}
               description={field.description}
-              valid={field.validationText == undefined || field.validationText == ""}
+              valid={
+                field.validationText === undefined ||
+                field.validationText === ""
+              }
               validationText={field.validationText}
             >
               <DynamicFormField

src/components/Form/FormPasswordGenerator.tsx

@@ -3,7 +3,7 @@ import type {
   GenericFormElementProps,
 } from "@components/Form/DynamicForm.js";
 import { Generator } from "@components/UI/Generator.js";
-import { ChangeEventHandler, MouseEventHandler } from "react";
+import type { ChangeEventHandler, MouseEventHandler } from "react";
 import { Controller, type FieldValues } from "react-hook-form";
 
 export interface PasswordGeneratorProps<T> extends BaseFormBuilderProps<T> {
@@ -22,7 +22,7 @@ export function PasswordGenerator<T extends FieldValues>({
     <Controller
       name={field.name}
       control={control}
-      render={({ field: { value,...rest } }) => (
+      render={({ field: { value, ...rest } }) => (
         <Generator
           devicePSKBitCount={field.devicePSKBitCount}
           inputChange={field.inputChange}

src/components/Form/FormWrapper.tsx

@@ -23,7 +23,9 @@ export const FieldWrapper = ({
         <div className="sm:col-span-2">
           <div className="max-w-lg">
             <p className="text-sm text-gray-500">{description}</p>
-            <p hidden={valid ?? true} className="text-sm text-red-500">{validationText}</p>
+            <p hidden={valid ?? true} className="text-sm text-red-500">
+              {validationText}
+            </p>
             <div className="mt-4 space-y-4">
               <div className="flex items-center">{children}</div>
             </div>