Fix field metadata creation page (#11285)

in this pr 
1. fixing error helper was no longer showing. unfortunately had to
resort to `formConfig.trigger`...
2. closes https://github.com/twentyhq/twenty/issues/11262
3. closes https://github.com/twentyhq/twenty/issues/11263


https://github.com/user-attachments/assets/11f763bb-3098-4b0e-bc96-8a0de3cb3c19

packages/twenty-front/src/modules/ui/input/components/InputErrorHelper.tsx

@@ -5,10 +5,7 @@ const StyledInputErrorHelper = styled.div`
   color: ${({ theme }) => theme.color.red};
   font-size: ${({ theme }) => theme.font.size.xs};
   position: absolute;
-`;
-
-const StyledErrorContainer = styled.div`
-  margin-top: ${({ theme }) => theme.spacing(1)};
+  top: calc(100% + ${({ theme }) => theme.spacing(0.25)});
 `;
 
 export const InputErrorHelper = ({
@@ -16,11 +13,11 @@ export const InputErrorHelper = ({
 }: {
   children?: React.ReactNode;
 }) => (
-  <StyledErrorContainer>
+  <div>
     {children && (
       <StyledInputErrorHelper aria-live="polite">
         {children}
       </StyledInputErrorHelper>
     )}
-  </StyledErrorContainer>
+  </div>
 );

packages/twenty-front/src/modules/ui/input/components/TextInputV2.tsx

@@ -22,6 +22,7 @@ const StyledContainer = styled.div<
   display: inline-flex;
   flex-direction: column;
   width: ${({ fullWidth }) => (fullWidth ? `100%` : 'auto')};
+  position: relative;
 `;
 
 const StyledInputContainer = styled.div`