feat(custom-widgets): Full Mantine v9 + SubFetch support for custom JSX (#6304)

packages/widgets/src/_inputs/widget-custom-widget-select-input.tsx

@@ -4,6 +4,7 @@ import { useMemo, useState } from "react";
 import { Combobox, InputBase, Loader, useCombobox } from "@mantine/core";
 
 import { clientApi } from "@homarr/api/client";
+import { useOptionalBoard } from "@homarr/boards/context";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";
@@ -16,18 +17,15 @@ export const WidgetCustomWidgetSelectInput = ({
 }: CommonWidgetInputProps<"customWidgetSelect">) => {
   const t = useWidgetInputTranslation(kind, property);
   const form = useFormContext();
-  const { data, isLoading } = clientApi.customWidget.all.useQuery();
+  const board = useOptionalBoard();
+  const currentValue = form.values.options[property] as string;
+  const { data, isLoading } = clientApi.customWidget.available.useQuery(
+    { boardId: board?.id ?? "", currentId: currentValue || undefined },
+    { enabled: board !== null },
+  );
   const [search, setSearch] = useState("");
 
-  const currentValue = form.values.options[property] as string;
-
-  const definitions = useMemo(
-    () =>
-      (data ?? [])
-        .filter((def) => def.enabled || def.id === currentValue)
-        .map((def) => ({ value: def.id, label: def.name })),
-    [data, currentValue],
-  );
+  const definitions = useMemo(() => (data ?? []).map((def) => ({ value: def.id, label: def.name })), [data]);
 
   const filteredOptions = useMemo(
     () =>