chore(deps): bump the ui-minor-and-patch group across 1 directory with 53 updates (#11386)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Lifei Zhou <lifei@squareup.com>

ui/desktop/src/components/recipes/CreateEditRecipeModal.tsx

@@ -183,7 +183,7 @@ export default function CreateEditRecipeModal({
 
   // Subscribe to form changes to update local state
   useEffect(() => {
-    return form.store.subscribe(() => {
+    const subscription = form.store.subscribe(() => {
       setTitle(form.state.values.title);
       setDescription(form.state.values.description);
       setInstructions(form.state.values.instructions);
@@ -196,6 +196,8 @@ export default function CreateEditRecipeModal({
       setExtensions(form.state.values.extensions);
       setSubRecipes(form.state.values.subRecipes);
     });
+
+    return () => subscription.unsubscribe();
   }, [form]);
   const [copied, setCopied] = useState(false);
   const [isSaving, setIsSaving] = useState(false);

ui/desktop/src/components/recipes/shared/RecipeFormFields.tsx

@@ -154,10 +154,12 @@ export function RecipeFormFields({
   const [_forceRender, setForceRender] = useState(0);
 
   React.useEffect(() => {
-    return form.store.subscribe(() => {
+    const subscription = form.store.subscribe(() => {
       // Force re-render when any form field changes to update parameter usage indicators
       setForceRender((prev) => prev + 1);
     });
+
+    return () => subscription.unsubscribe();
   }, [form.store]);
 
   const parseParametersFromInstructions = React.useCallback(