[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>
   );
 };