[feat][Remote objects] Edit a connection (for pg) (#5210)

## Context
#4774 

## How was it tested
Locally

## In further PRs
- Update connection status upon page change
- Adapt Info banner to dark mode
- placeholders for form

packages/twenty-front/src/modules/ui/display/info/components/Info.tsx

@@ -9,8 +9,8 @@ export type InfoAccent = 'blue' | 'danger';
 export type InfoProps = {
   accent?: InfoAccent;
   text: string;
-  buttonTitle: string;
-  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  buttonTitle?: string;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
 
 const StyledTextContainer = styled.div`
@@ -54,12 +54,14 @@ export const Info = ({
         <IconInfoCircle size={theme.icon.size.md} />
         {text}
       </StyledTextContainer>
-      <Button
-        title={buttonTitle}
-        onClick={onClick}
-        size={'small'}
-        variant={'secondary'}
-      />
+      {buttonTitle && onClick && (
+        <Button
+          title={buttonTitle}
+          onClick={onClick}
+          size={'small'}
+          variant={'secondary'}
+        />
+      )}
     </StyledInfo>
   );
 };

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

@@ -123,6 +123,7 @@ const TextInputV2Component = (
     disabled,
     tabIndex,
     RightIcon,
+    autoComplete,
   }: TextInputV2ComponentProps,
   // eslint-disable-next-line @nx/workspace-component-props-naming
   ref: ForwardedRef<HTMLInputElement>,
@@ -143,7 +144,7 @@ const TextInputV2Component = (
       {label && <StyledLabel>{label + (required ? '*' : '')}</StyledLabel>}
       <StyledInputContainer>
         <StyledInput
-          autoComplete="off"
+          autoComplete={autoComplete || 'off'}
           ref={combinedRef}
           tabIndex={tabIndex ?? 0}
           onFocus={onFocus}

packages/twenty-front/src/modules/ui/navigation/bread-crumb/components/Breadcrumb.tsx

@@ -14,7 +14,7 @@ const StyledWrapper = styled.nav`
   font-size: ${({ theme }) => theme.font.size.lg};
   font-weight: ${({ theme }) => theme.font.weight.semiBold};
   gap: ${({ theme }) => theme.spacing(2)};
-  line-height: ${({ theme }) => theme.text.lineHeight.md};
+  line-height: ${({ theme }) => theme.text.lineHeight.lg};
 `;
 
 const StyledLink = styled(Link)`