[Task] refactor multi-server creation group logic

Description

We can get rid of useEffect replacing it with react-query

 // Create group when dialog opens and group hasn't been created yet
  useEffect(() => {
    if (
      isOpen &&
      !wizardState.isGroupCreated &&
      !createGroupMutation.isPending &&
      group?.name
    ) {
      createGroupMutation
        .mutateAsync({
          body: {
            name: group.name,
          },
        })
        .then(() => {
          setWizardState((prev) => ({ ...prev, isGroupCreated: true }))
        })
        .catch(() => {
          handleClose()
        })
    }
  }, [
    isOpen,
    wizardState.isGroupCreated,
    group?.name,
    createGroupMutation,
    handleClose,
  ])

Acceptance Criteria

No response

Priority

Medium

Task Type

Feature

Additional Context

No response

Locate the multi-server creation dialog and the shown useEffect, then inspect the existing react-query group-creation mutation. Verify how opening the dialog, tracking group creation, and handling mutation errors currently work. Done means the effect is replaced while group creation still occurs once when appropriate and errors still close the dialog.