fixes

Author: lucasgoral

src/components/Dialogs/CreateProjectDialog.cy.tsx

@@ -55,6 +55,7 @@ export const CreateProjectWorkspaceDialogWrapper: React.FC<{
   };
   return (
     <CreateProjectWorkspaceDialog
+      watch={watch}
       type={'workspace'}
       isOpen={isOpen}
       setIsOpen={setIsOpen}

src/components/Dialogs/CreateProjectDialogContainer.tsx

@@ -110,6 +110,7 @@ export function CreateProjectDialogContainer({
 
   return (
     <CreateProjectWorkspaceDialog
+      watch={watch}
       isOpen={isOpen}
       setIsOpen={setIsOpen}
       errorDialogRef={errorDialogRef}

src/components/Dialogs/CreateProjectWorkspaceDialog.tsx

@@ -13,7 +13,12 @@ import { EditMembers } from '../Members/EditMembers.tsx';
 import { useTranslation } from 'react-i18next';
 
 import { CreateDialogProps } from './CreateWorkspaceDialogContainer.tsx';
-import { FieldErrors, UseFormRegister, UseFormSetValue } from 'react-hook-form';
+import {
+  FieldErrors,
+  UseFormRegister,
+  UseFormSetValue,
+  UseFormWatch,
+} from 'react-hook-form';
 import { MetadataForm } from './MetadataForm.tsx';
 
 export type OnCreatePayload = {
@@ -36,6 +41,7 @@ export interface CreateProjectWorkspaceDialogProps {
   setValue: UseFormSetValue<CreateDialogProps>;
   projectName?: string;
   type: 'workspace' | 'project';
+  watch: UseFormWatch<CreateDialogProps>;
 }
 
 export function CreateProjectWorkspaceDialog({
@@ -50,6 +56,7 @@ export function CreateProjectWorkspaceDialog({
   setValue,
   projectName,
   type,
+  watch,
 }: CreateProjectWorkspaceDialogProps) {
   const { t } = useTranslation();
   const [isKubectlDialogOpen, setIsKubectlDialogOpen] = useState(false);
@@ -88,6 +95,7 @@ export function CreateProjectWorkspaceDialog({
         onClose={() => setIsOpen(false)}
       >
         <MetadataForm
+          watch={watch}
           register={register}
           errors={errors}
           setValue={setValue}

src/components/Dialogs/CreateWorkspaceDialogContainer.tsx

@@ -121,6 +121,7 @@ export function CreateWorkspaceDialogContainer({
 
   return (
     <CreateProjectWorkspaceDialog
+      watch={watch}
       isOpen={isOpen}
       setIsOpen={setIsOpen}
       errorDialogRef={errorDialogRef}

src/components/Dialogs/MetadataForm.tsx

@@ -1,4 +1,9 @@
-import { FieldErrors, UseFormRegister, UseFormSetValue } from 'react-hook-form';
+import {
+  FieldErrors,
+  UseFormRegister,
+  UseFormSetValue,
+  UseFormWatch,
+} from 'react-hook-form';
 import { CreateDialogProps } from './CreateWorkspaceDialogContainer.tsx';
 import { useTranslation } from 'react-i18next';
 import {
@@ -20,6 +25,7 @@ export interface MetadataFormProps {
   setValue: UseFormSetValue<CreateDialogProps>;
   sideFormContent?: React.ReactNode;
   requireChargingTarget?: boolean;
+  watch: UseFormWatch<CreateDialogProps>;
 }
 
 interface SelectOption {
@@ -33,6 +39,7 @@ export function MetadataForm({
   setValue,
   sideFormContent,
   requireChargingTarget = false,
+  watch,
 }: MetadataFormProps) {
   const { t } = useTranslation();
   const handleChargingTargetTypeChange = (

src/components/Wizards/CreateManagedControlPlaneWizardContainer.tsx

@@ -301,6 +301,7 @@ export const CreateManagedControlPlaneWizardContainer: FC<
             setValue={setValue}
             register={register}
             errors={errors}
+            watch={watch}
           />
         </WizardStep>
         <WizardStep