Fix audit and framework deletion

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>

apps/console/src/components/form/AuditSelectField.tsx

@@ -67,6 +67,8 @@ function AuditSelectWithQuery<T extends FieldValues = FieldValues>(
   const data = useLazyLoadQuery<AuditSelectFieldQuery>(auditsQuery, { organizationId }, { fetchPolicy: "network-only" });
   const audits = data?.organization?.audits?.edges?.map((edge) => edge.node).filter((node) => node !== null) ?? [];
 
+  const NONE_VALUE = "__NONE__";
+
   return (
     <Controller
       control={control}
@@ -77,12 +79,15 @@ function AuditSelectWithQuery<T extends FieldValues = FieldValues>(
           id={name}
           variant="editor"
           placeholder={__("Select an audit")}
-          onValueChange={field.onChange}
+          onValueChange={(value) => field.onChange(value === NONE_VALUE ? "" : value)}
           key={audits?.length.toString() ?? "0"}
           {...field}
           className="w-full"
-          value={field.value ?? ""}
+          value={field.value || NONE_VALUE}
         >
+          <Option value={NONE_VALUE}>
+            <span className="text-txt-tertiary">{__("None")}</span>
+          </Option>
           {audits?.map((audit) => (
             <Option key={audit.id} value={audit.id}>
               <div className="flex items-center justify-between w-full">