chore: fixes from deno linting/formatting

src/components/Form/DynamicForm.tsx

@@ -74,10 +74,11 @@ export function DynamicForm<T extends FieldValues>({
       const value = getValues(field.fieldName);
       if (value === "always") return true;
       if (typeof value === "boolean") return field.invert ? value : !value;
-      if (typeof value === "number")
+      if (typeof value === "number") {
         return field.invert
           ? field.selector !== value
           : field.selector === value;
+      }
       return false;
     });
   };
@@ -85,11 +86,9 @@ export function DynamicForm<T extends FieldValues>({
   return (
     <form
       className="space-y-8"
-      {...(submitType === "onSubmit"
-        ? { onSubmit: handleSubmit(onSubmit) }
-        : {
-            onChange: handleSubmit(onSubmit),
-          })}
+      {...(submitType === "onSubmit" ? { onSubmit: handleSubmit(onSubmit) } : {
+        onChange: handleSubmit(onSubmit),
+      })}
     >
       {fieldGroups.map((fieldGroup) => (
         <div key={fieldGroup.label} className="space-y-8 sm:space-y-5">
@@ -105,10 +104,8 @@ export function DynamicForm<T extends FieldValues>({
                 label={field.label}
                 fieldName={field.name}
                 description={field.description}
-                valid={
-                  field.validationText === undefined ||
-                  field.validationText === ""
-                }
+                valid={field.validationText === undefined ||
+                  field.validationText === ""}
                 validationText={field.validationText}
               >
                 <DynamicFormField

src/components/Form/DynamicFormField.tsx

@@ -1,7 +1,7 @@
 import {
   type MultiSelectFieldProps,
   MultiSelectInput,
-} from "@app/components/Form/FormMultiSelect";
+} from "./FormMultiSelect.tsx";
 import {
   GenericInput,
   type InputFieldProps,
@@ -48,11 +48,19 @@ export function DynamicFormField<T extends FieldValues>({
 
     case "toggle":
       return (
-        <ToggleInput field={field} control={control} disabled={disabled} />
+        <ToggleInput
+          field={field}
+          control={control}
+          disabled={disabled}
+        />
       );
     case "select":
       return (
-        <SelectInput field={field} control={control} disabled={disabled} />
+        <SelectInput
+          field={field}
+          control={control}
+          disabled={disabled}
+        />
       );
     case "passwordGenerator":
       return (

src/components/Form/FormInput.tsx

@@ -40,17 +40,15 @@ export function GenericInput<T extends FieldValues>({
       control={control}
       render={({ field: { value, onChange, ...rest } }) => (
         <Input
-          type={
-            field.type === "password" && passwordShown ? "text" : field.type
-          }
-          action={
-            field.type === "password"
-              ? {
-                  icon: passwordShown ? EyeOff : Eye,
-                  onClick: togglePasswordVisiblity,
-                }
-              : undefined
-          }
+          type={field.type === "password" && passwordShown
+            ? "text"
+            : field.type}
+          action={field.type === "password"
+            ? {
+              icon: passwordShown ? EyeOff : Eye,
+              onClick: togglePasswordVisiblity,
+            }
+            : undefined}
           step={field.properties?.step}
           value={field.type === "number" ? Number.parseFloat(value) : value}
           id={field.name}

src/components/Form/FormMultiSelect.tsx

@@ -3,7 +3,7 @@ import type {
   GenericFormElementProps,
 } from "@components/Form/DynamicForm.tsx";
 import type { FieldValues } from "react-hook-form";
-import { MultiSelect, MultiSelectItem } from "../UI/MultiSelect";
+import { MultiSelect, MultiSelectItem } from "../UI/MultiSelect.tsx";
 
 export interface MultiSelectFieldProps<T> extends BaseFormBuilderProps<T> {
   type: "multiSelect";
@@ -28,8 +28,8 @@ export function MultiSelectInput<T extends FieldValues>({
   // Make sure to filter out the UNSET value, as it shouldn't be shown in the UI
   const optionsEnumValues = enumValue
     ? Object.entries(enumValue)
-        .filter((value) => typeof value[1] === "number")
-        .filter((value) => value[0] !== "UNSET")
+      .filter((value) => typeof value[1] === "number")
+      .filter((value) => value[0] !== "UNSET")
     : [];
 
   const formatName = (name: string) => {

src/components/Form/FormPasswordGenerator.tsx

@@ -2,10 +2,10 @@ import type {
   BaseFormBuilderProps,
   GenericFormElementProps,
 } from "@components/Form/DynamicForm.tsx";
-import type { ButtonVariant } from "@components/UI/Button";
+import type { ButtonVariant } from "../UI/Button.tsx";
 import { Generator } from "@components/UI/Generator.tsx";
 import { Eye, EyeOff } from "lucide-react";
-import type { ChangeEventHandler, MouseEventHandler } from "react";
+import type { ChangeEventHandler } from "react";
 import { useState } from "react";
 import { Controller, type FieldValues } from "react-hook-form";
 
@@ -43,14 +43,12 @@ export function PasswordGenerator<T extends FieldValues>({
         <Generator
           type={field.hide && !passwordShown ? "password" : "text"}
           id={field.id}
-          action={
-            field.hide
-              ? {
-                  icon: passwordShown ? EyeOff : Eye,
-                  onClick: togglePasswordVisiblity,
-                }
-              : undefined
-          }
+          action={field.hide
+            ? {
+              icon: passwordShown ? EyeOff : Eye,
+              onClick: togglePasswordVisiblity,
+            }
+            : undefined}
           devicePSKBitCount={field.devicePSKBitCount}
           bits={field.bits}
           inputChange={field.inputChange}

src/components/Form/FormSelect.tsx

@@ -36,8 +36,8 @@ export function SelectInput<T extends FieldValues>({
           field.properties;
         const optionsEnumValues = enumValue
           ? Object.entries(enumValue).filter(
-              (value) => typeof value[1] === "number",
-            )
+            (value) => typeof value[1] === "number",
+          )
           : [];
         return (
           <Select
@@ -58,11 +58,13 @@ export function SelectInput<T extends FieldValues>({
                 <SelectItem key={name} value={value.toString()}>
                   {formatEnumName
                     ? name
-                        .replace(/_/g, " ")
-                        .toLowerCase()
-                        .split(" ")
-                        .map((s) => s.charAt(0).toUpperCase() + s.substring(1))
-                        .join(" ")
+                      .replace(/_/g, " ")
+                      .toLowerCase()
+                      .split(" ")
+                      .map((s) =>
+                        s.charAt(0).toUpperCase() + s.substring(1)
+                      )
+                      .join(" ")
                     : name}
                 </SelectItem>
               ))}