[feat] Minor updates to the edit db connection page (#5250)

- Add placeholders in db connection edit page
- Fix icon alignement and size (should not change) in Info banner

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

@@ -14,10 +14,15 @@ export type InfoProps = {
 };
 
 const StyledTextContainer = styled.div`
+  align-items: center;
   display: flex;
   gap: ${({ theme }) => theme.spacing(2)};
 `;
 
+const StyledIconInfoCircle = styled(IconInfoCircle)`
+  flex-shrink: 0;
+`;
+
 const StyledInfo = styled.div<Pick<InfoProps, 'accent'>>`
   align-items: center;
   border-radius: ${({ theme }) => theme.border.radius.md};
@@ -51,7 +56,7 @@ export const Info = ({
   return (
     <StyledInfo accent={accent}>
       <StyledTextContainer>
-        <IconInfoCircle size={theme.icon.size.md} />
+        <StyledIconInfoCircle size={theme.icon.size.md} />
         {text}
       </StyledTextContainer>
       {buttonTitle && onClick && (